@infinitoui/infinito-button
Preview
Demo
Install
npm install @infinitoui/infinito-button
Usage
引入组件:
import '@infinitoui/infinito-button'
使用:
<infinito-button>default</infinito-button>
<infinito-button primary>primary</infinito-button>
Properties
Property | Attribute | Type | Default | Description |
---|
disabled | disabled | boolean | false | 是否禁用按钮 |
label | label | string | "" | 按钮文字 |
Events
Event | Description |
---|
click | 按钮点击事件 |
Slots
Name | Description |
---|
| 默认插槽,按钮文字或者其他html标签 |
CSS Custom Properties
Property | Default | Description |
---|
--border-color | "#333" | border颜色 |
--border-radis | "6px" | 圆角 |
--button-color | "#fff" | 背景颜色 |
--button-padding | "0 8px" | 内间距 |
--fonts-size | "14px" | 字体大小 |
--hover-color | "#333" | hover时按钮背景颜色 |
--hover-font-color | "#fff" | hover时文字颜色 |