Skip to content

Button 按钮

基本用法

可以用 variant 属性设置按钮类型, 组件已绑定 href 超链接目标的URL,供处理不同业务时使用。


primary secondary tertiary link
<Button variant="primary">primary</Button>
<Button variant="secondary">secondary</Button>
<Button variant="tertiary">tertiary</Button>
<Button variant="link">link</Button>

Icon配置


Download
<Button
variant="primary"
icon="tabler:download"
target="_self"
href="https://www.baidu.com/"
>
Download
</Button>

API

属性说明类型默认值
variant按钮的类型
可选值:
‘primary’, ‘secondary’, ‘tertiary’, ‘link’
Enumsecondary
text按钮文本string-
icon按钮中可配置的 icon,icon图标详细配置请参考 Icon 组件--
class按钮自定义样式--
href按钮跳转路径--
target继承自<a>标签的target属性Enum-