Button 按钮

按钮用于开始一个即时操作。

何时使用

标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。

代码演示

按钮有四种类型:主按钮、次按钮、虚线按钮、危险按钮。主按钮在同一个操作区域最多出现一次。

其中 [nzType]="'default'"可以简化为 nzType="default",之后不再赘述。

按钮有大、中、小三种尺寸。

通过设置 nzSizelarge small 分别把按钮设为大、小尺寸。若不设置 nzSize,则尺寸为中。

添加 loading 属性即可让按钮处于加载状态,最后两个按钮演示点击后进入加载状态。

可以将多个 nz-button 放入 nz-button-group 的容器中。

当需要在 button 内嵌入 icon 时,请直接在 button 内使用icon

添加 disabled 属性即可让按钮处于不可用状态,同时按钮样式也会改变。

按钮组合使用时,推荐使用1个主操作 + n 个次操作,3个以上操作时把更多操作放到 nz-dropdown button 中组合使用。

幽灵按钮将其他按钮的内容反色,背景变为透明,常用在有色背景上。

API

通过设置 button 的属性来产生不同的按钮样式,推荐顺序为:type -> shape ->size ->loading ->disabled

按钮的属性说明如下:

属性 说明 类型 默认值
nzType 设置按钮类型,可选值为 primary dashed danger default String -
nzShape 设置按钮形状,可选值为 circle 或者不设 String -
nzSize 设置按钮大小,可选值为 small large 或者不设 String default
nzGhost 设置幽灵按钮 Boolean false
nzLoading 设置按钮载入状态 Boolean false