AXA 按钮
按钮提供可点击的元素,可以用于形式,也可以用于其他需要简单,标准的呼叫到动作功能的地方. 它们也可以提供有样式的链接功能. 它们可能显示文字、图标或两者兼有。 按钮可以通过多个属性来作样式来改变外观和外观.
属性
变体
| 属性 | 细节 |
|---|---|
variant="secondary" | 幽灵状态下的按钮 |
variant="red" | 按钮红色 |
variant="inverted" | 按钮倒转 |
variant="inverted-blue-ocean" | 按钮倒转了蓝色海洋 |
variant="inverted-red-tosca" | 按钮倒转红色托斯卡 |
variant="inverted-purple-logan" | 按钮倒转紫色logan |
variant="inverted-green-viridian" | 按钮倒转绿色紫外线 |
variant="inverted-blue-teal" | 按钮倒转倒转的蓝色花纹 |
类型
| 属性 | 细节 |
|---|---|
type="button" | 默认按钮类型( 如果省略则默认) |
type="submit" | 为窗体提交按钮 |
type="reset" | 表单重置按钮 |
大小
| 属性 | 细节 |
|---|---|
size="" | 默认按钮中度大小 |
size="small" | 按钮大小 |
size="large" | 按钮大小 |
块
默认情况下, 按钮是内置块, 但设置此属性 block 将按钮改为全宽块元素.
移动
布尔属性 motionoff 停止活动.
已禁用
布尔属性 disabled 本地禁用按钮.
图标
基于字符串值属性 icon,解释为图标名称,将提供一个图标。 要查看可能图标的全部列表,请参见 xa 读取.
小时
字符串值属性 href 用于本地“a”超链接.
外部
布尔属性 external 添加 target="_blank" 函数.
点击
函数值属性 onClick 可用作React和其他框架的回调道具.
类Name
使用此字符串属性,您可以设置一个 CSS 类到组件 .