• Button 按钮
    • 基础用法
    • 禁用状态
    • 有颜色倾向
    • 图标按钮
    • 按钮组
    • 加载中
    • 不同尺寸
    • Attributes

    Button 按钮

    常用的操作按钮。

    基础用法

    基础的按钮用法。

    Button 按钮 - 图1

    禁用状态

    按钮不可用状态。

    Button 按钮 - 图2

    有颜色倾向

    不同的颜色倾向代表不同的提示

    Button 按钮 - 图3

    图标按钮

    带图标的按钮可增强辨识度(有文字)或节省空间(无文字)。

    Button 按钮 - 图4

    按钮组

    以按钮组的方式出现,常用于多项类似操作。

    Button 按钮 - 图5

    加载中

    点击按钮后进行数据加载操作,在按钮上显示加载状态。

    Button 按钮 - 图6

    不同尺寸

    Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。

    Button 按钮 - 图7

    Attributes

    参数说明类型可选值默认值
    size尺寸stringlarge,small,mini
    type类型stringprimary,success,warning,danger,info,text
    plain是否朴素按钮Booleantrue,falsefalse
    loading是否加载中状态Booleanfalse
    disabled禁用booleantrue, falsefalse
    icon图标,已有的图标库中的图标名string
    nativeType原生 type 属性stringbutton,submit,resetbutton