Button 按钮

按钮用于开始一个即时操作。

何时使用

标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。 在 YJWidget 中我们提供了七种按钮。

• 主按钮：用于主行动点，一个操作区域只能有一个主按钮。
• 默认按钮：用于没有主次之分的一组行动点。
• 空心按钮：常用于添加操作。
• 文本按钮：用于最次级的行动点。
• 危险按钮：用于可能造成不可挽回的后果的操作。
• 警告按钮：用于需要引起用户注意的操作。
• 成功按钮：用于表示成功的操作。

基本用法

状态按钮

图标按钮

disabled 按钮

加载状态

Block按钮

API

属性	说明	类型	默认值
block	是否为块级元素（充满外层容器）	boolean	false
disabled	按钮禁用状态	boolean	false
icon	按钮图标	string	-
loading	按钮加载状态	boolean	false
size	按钮大小	'small' | 'middle' | 'large'	'middle'
type	按钮类型	'primary' | 'default' | 'dashed' | 'danger' | 'warning' | 'text' | 'hollow' |'success'	'default'
onClick	点击按钮的回调函数	(e: React.MouseEvent<HTMLButtonElement>) => void	-