Close Btn 关闭按钮
想不到关闭按钮也可以如此精致吧?
基本使用
插槽插入一个 svg-icon
即可
开启
禁用状态
disabled
可禁用一个关闭按钮
开启
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
size | 自定义尺寸 | string / number | —— | —— |
round | 是否为圆角的 | boolean | —— | false |
disabled | 是否禁用 | boolean | —— | false |
color | 自定义颜色 | string | —— | —— |
hover-color | 鼠标移入的颜色 | string | —— | —— |
icon | 自定义 icon | FightingIcon | —— | —— |
on-click | 点击之后执行的回调 | HandleMouse | —— | —— |
Slots
名称 | 说明 |
---|---|
default | 默认插槽,自定义关闭按钮 |
Interface
组件导出以下类型定义:
ts
import type { CloseBtnInstance, CloseBtnProps } from 'fighting-design'