button

Properties

Property	Attribute	Description	Type	Default
autoWidth	auto-width	启用自动宽度调整	boolean	false
circle	circle	显示圆形按钮	boolean	false
content	content	按钮文本内容	string	''
disabled	disabled	禁用按钮	boolean	false
ghost	ghost	以幽灵风格显示按钮	boolean	false
icon	icon	在按钮中显示图标	string	''
loading	loading	显示加载状态图标	boolean	false
plain	plain	应用朴素风格	boolean	false
round	round	显示圆角按钮	boolean	false
size	size	按钮大小	"big" | "medium" | "small"	'medium'
suffixIcon	suffix-icon	显示按钮后缀图标	string	''
type	type	按钮类型	"" | "danger" | "info" | "primary" | "success" | "warning"	''

Dependencies

Used by

air-card

Example Usage

1. 基本按钮（默认状态）

展示一个最基本的按钮，依据 size, state 和 state 来调整外观。

Primary Button

2. 不同颜色的按钮

展示不同颜色的按钮，涵盖 primary, success, info, warning, danger, ghost。

主按钮成功按钮信息按钮警告按钮危险按钮幽灵按钮

3. 不同大小的按钮展示

size 属性的不同效果。你可以使用 small, medium, large 来展示不同的按钮大小。

small Buttonmedium ButtonLarge Button

4. 带图标的按钮

展示带有图标的按钮，使用 icon,suffix-icon, 属性为按钮添加前后缀图标。

图标按钮后缀图标按钮双图标按钮

5. 不同样式按钮

展示按钮处于按钮样式状态时的表现，使用 solid,outline,text,neo,default 属性。

实心按钮描边按钮文字按钮

6. 加载中、禁用、选中状态展示

展示加载中、禁用、选中状态下的按钮，使用 loading,disabled,icon,selected等属性。

加载中禁用按钮禁用图标按钮选中按钮选中图标按钮

---