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