通用与布局
NnButton 按钮
按钮、加载状态与危险操作。
示例
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
type | string | 'default' | 视觉类型。实现识别 default、primary、link、text、dashed;danger 会使用默认外观并附加危险状态,其他值回退为 default。 |
htmlType | string | 'button' | 原生 <button type>。提交表单时设置为 submit。 |
size | string | 'middle' | small 使用小尺寸,其余值使用默认尺寸。 |
danger | boolean | false | 启用危险状态。 |
loading | boolean | false | 显示加载图标,同时按禁用状态处理并阻止 click。 |
disabled | boolean | false | 禁用按钮。 |
Events
| 事件 | 参数 | 说明 |
|---|---|---|
click | (event: MouseEvent) | 非 disabled、非 loading 时触发。 |
Slots
| 名称 | 作用域参数 | 说明 |
|---|---|---|
default | — | 按钮正文。 |
icon | — | 左侧图标;loading 时不会显示。只有图标而没有默认插槽时启用 icon-only 样式。 |
