按钮 ZyButton
按钮是一种命令组件,可发起一个即时操作。
基本用法
按钮分为 default
默认按钮、 linear
线形按钮、 icon
图标按钮和 text
文本按钮四种。
按钮尺寸
按钮提供了 large
大尺寸、medium
中尺寸和 small
小尺寸三种尺寸。推荐(默认)尺寸为 medium
。可在不同场景及不同业务需求选择适合尺寸。
按钮颜色
按钮可以设置颜色。可以接收任何CSS颜色字符串,如 #f00
、rgb(255, 0, 0)
、 hsl(0, 100%, 50%)
或CSS令牌。推荐(默认)颜色为 var(--theme-color)
主题色。
禁用状态
按钮可以设置为禁用状态,禁用状态下按钮不可点击,并且会有灰色的遮罩。
加载中状态
按钮可以设置为加载中状态,加载中状态下按钮不可点击,并且会有灰色的遮罩。
API
<ZyButton>
Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
type | 按钮的类型 | default | linear | text | icon | default |
size | 按钮的尺寸 | large | medium | small | medium |
color | 按钮的颜色 | string | var(--theme-color) |
loading | 按钮的加载状态 | boolean | false |
disabled | 按钮的禁用状态 | boolean | false |
<ZyButton>
Events
事件名 | 描述 | 参数 |
---|---|---|
click | 点击按钮时触发 | ev: MouseEvent |