按钮 ZyButton

按钮是一种命令组件,可发起一个即时操作。

基本用法

按钮分为 default 默认按钮、 linear 线形按钮、 icon 图标按钮和 text 文本按钮四种。

按钮尺寸

按钮提供了 large 大尺寸、medium 中尺寸和 small 小尺寸三种尺寸。推荐(默认)尺寸为 medium。可在不同场景及不同业务需求选择适合尺寸。

按钮颜色

按钮可以设置颜色。可以接收任何CSS颜色字符串,如 #f00rgb(255, 0, 0)hsl(0, 100%, 50%) 或CSS令牌。推荐(默认)颜色为 var(--theme-color) 主题色。

禁用状态

按钮可以设置为禁用状态,禁用状态下按钮不可点击,并且会有灰色的遮罩。

加载中状态

按钮可以设置为加载中状态,加载中状态下按钮不可点击,并且会有灰色的遮罩。

API

<ZyButton> Props

参数名描述类型默认值
type按钮的类型default | linear | text | icondefault
size按钮的尺寸large | medium | smallmedium
color按钮的颜色stringvar(--theme-color)
loading按钮的加载状态booleanfalse
disabled按钮的禁用状态booleanfalse

<ZyButton> Events

事件名描述参数
click点击按钮时触发ev: MouseEvent