Button 按钮

按钮是一种命令组件，可发起一个即时操作，响应用户点击行为，触发相应的业务逻辑。

---

按钮类型

填充按钮

描边按钮

文本按钮

按钮形状

按钮尺寸

按钮状态

应用场景

--

文案规范

--

设计资源

类型	资源	状态
设计	Design Kit (Figma)	是
Storybook	Storybook	是

设计指南

--

API 参考

属性	说明	类型	默认值
aria-label	按钮的标签	string	-

设计变量

animation

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

color

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

font

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

height

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

other

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

radius

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

spacing

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间

width

变量	默认值	用法
$transition_duration-button_primary-bg	var(--kpay-transition_duration-none)	主要按钮-背景色-动画持续时间