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’ | Enum | secondary |
text | 按钮文本 | string | - |
icon | 按钮中可配置的 icon,icon图标详细配置请参考 Icon 组件 | - | - |
class | 按钮自定义样式 | - | - |
href | 按钮跳转路径 | - | - |
target | 继承自<a> 标签的target属性 | Enum | - |