ESLint Docs Components

Components used across this site.

按钮

有三种类型的按钮:主要、次要和透明。可以使用按钮样式使按钮或链接看起来像按钮。

为了应用合适的语义元素,需要提供预期行为:actionlink 值。如果按钮执行动作,则会被渲染为“按钮”。如果按钮链接到别的地方,则会渲染为 <a>

按钮宏默认为 link,它会渲染成看起来像按钮的 <a> 标记。如果将 behavior 的值设为 action,则表明它是执行操作的按钮,因此呈现为 <button type="button">

用法


<!-- 在想要渲染按钮的页面导入宏 -->


<!-- 使用宏 -->

{ { button({ behavior: "action", type: "primary", text: "做点什么" }) } }

<!-- 默认行为:link -->
{ { button({ type: "primary", text: "去别的地方", url: "/url/to/somewhere/" }) } }

示例

我要链接到别的地方 次级按钮 透明按钮