@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时文字颜色 |