Button 按钮
允许触发操作的按钮组件。
使用提示
- 适合：表单提交、确认操作、命令触发。
href会把按钮渲染为按钮外观的链接动作；普通正文跳转或导航链接仍应使用link。selected、active、pressed用于表达按钮图标状态和 pressed 元数据。- 关联组件：link 用于跳转而非操作，submit 用于 ToolHost 提交流程。
- 多个按钮通常放在 row 中水平排列。
- variant 只表达操作语义，不作为任意样式选择器。
variant 变体
namespace: "doc_button_variant_diff",
layout: {
"row:variants": {
"button:primary": {
label: "主要",
variant: "primary"
},
"button:secondary": {
label: "次要",
variant: "secondary"
},
"button:danger": {
label: "危险",
variant: "danger"
},
"button:ghost": {
label: "弱化",
variant: "ghost"
}
}
}
}
disabled 禁用态
namespace: "doc_button_disabled_diff",
layout: {
"row:disabled": {
"button:enabled": {
label: "已启用"
},
"button:disabled": {
label: "已禁用",
disabled: true
}
}
}
}