@infinitoui/infinito-button

button

Usage no npm install needed!

<script type="module">
  import infinitouiInfinitoButton from 'https://cdn.skypack.dev/@infinitoui/infinito-button';
</script>

README

@infinitoui/infinito-button

Downloads per month NPM Version TypeScript

Preview

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