wizard-ui
  • 首页
  • 开始
  • 组件

      通用

    • Color 颜色
    • Grid 栅格
    • Font 字体

      组件

    • List-group 列表组
    • Notification 通知提醒框
    • VirtualSelectBox 滚动下拉
    • Popovers 气泡卡片
    • InputDropdown Input 下拉框
    • Grid 布局系统
    • VirtualList 滚动加载
    • Clearfix 清除修订
    • MenuItem 菜单项
    • NavItem 导航条目
    • Nav 导航
    • NavDropdown 导航条
    • Alert 警告提示
    • DatePicker 日期选择器
    • Breadcrumb 面包屑
    • Navbar 导航条
    • Dropdown 下拉框
    • PanelGroup 面板组
    • Panel 面板
    • Well 消息墙
    • RangePicker 区间时间选择框
    • Icon 图标
    • Navigation 导航栏
    • Pagination 分页
    • DropdownButton 下拉框
    • SubMenu 级连菜单
    • TimePicker 时间选择框
    • Modal 对话框
    • Tree 树级组件
    • Switch 开关
    • Tabs 选项卡
    • Steps 步骤条
    • Button 按钮
    • Loader 加载器
    • UsageBar 使用量
    • Tooltip 文字提示
    • Badges 徽标数

Button 按钮

2019-06-11

按钮用于开始一个即时操作,触发业务逻辑时使用。

使用场景#

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

基本用法#

按钮状态#

根据操作类型的场景可以选择六种格式:

按钮大小#

按钮可以设置成四种大小:large(lg)、默认、small(sm)、xsmall(xs)

按钮占据整行#

激活按钮#

禁用按钮#

← Steps 步骤条Loader 加载器 →
使用场景
基本用法
按钮状态
按钮大小
按钮占据整行
激活按钮
禁用按钮