Skip to content

button component  #1

@shengxinjing

Description

@shengxinjing

Tasking

  • 设置显示内容

    • 用户可以通过 children 的方式,定义组件的内容
  • size

    • 通过 props.size 可以控制组件的 size
    • 如果没有设置 props.size 时,可以获取父级 FormItem 的 size
    • 上面都没有的话,可以获取全局配置 size
    • 注意:上面的优先级就是他们的排序顺序
  • type

    • 基于 type 属性可以设置 Button 的类型
  • plain

    • 基于 plain 属性可以设置 Button 是否为朴素按钮
  • round

    • 基于 round 属性可以设置 Button 是否为圆角按钮
  • circle

    • 基于 circle 属性可以设置 Button 是否为圆形按钮
  • loading

    • 如果设置了 loading 后,会显示一个 “加载” 的 icon,一直显示
    • 如果是 loading 状态下,不能在显示通过 icon 设置的图标
  • disabled

    • 基于 disabled 属性可以设置 Button 是否为禁用状态
    • 父级为 Form 时,Form.disabled 也可以控制
    • 如果是 loading 状态的话,那么也是 disabled 等于 true
    • 以上两个点,只要满足一个 ,那么 Button 都不会显示
  • icon

    • 基于 icon 属性可以设置 Button 上显示的 icon
  • autofocus

    • 基于 autofocus 属性可以设置 Button 是否默认聚焦
  • native-type

    • 基于 native-type 属性可以设置 Button 原生 type 属性

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions