按钮
要安装,请在工程根部的指令行中输入以下内容:
npm i @brighthr/component-button
要在您的项目中执行按钮组件, 您需要添加导入:
import Button from '@brighthr/component-button';
在您的工程中添加导入后, 您可以简单地使用 :
<Button />
道具
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
| 颜色 | 'primary' 'accent' 'error' 'white' | 'accent' | 设置按钮的颜色. |
| 全网风 | boolean | false | 设置按钮宽度到 100%。 。 。 . |
| 图标Name | string | 设置要显示的图标, 使用 calendar-dates 如果空闲. | |
| 图标 | 'left' 'right' | 设置图标的位置,如果图标留空,则不会显示. | |
| 正在丢失 | boolean | false | 若为 true装入旋转器会显示. |
| 大纲按钮 | boolean | false | 若为 true,按钮将有一个白色背景. |
| 大小 | 'xs' 'sm' 'base' 'lg' 'xl' | 'base' | 设置按钮的大小. |
| 文本 | string | 设置按钮文本. | |
| 文本按钮 | boolean | false | 若为 true,使按钮显示文字. |