Toggle navigation
首页
开始
组件
通用
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 徽标数
Switch 开关
2019-06-13
开关选择器。
何时使用
#
表示两种相互对立的状态间的切换,多用于触发「开/关」。选中时的内容支持响应式。
基本用法
#
默认展示
#
展开代码
禁用
#
开关禁止操作,视觉上 UI 颜色会变淡。
展开代码
交互
#
点击 Switch 开关切换。
展开代码
API
#
参数
类型
默认值
说明
disabled
bool
-
是否禁用;
checked
bool
-
指定当前是否选中;
inline
bool
-
是否同行显示;
name
string
-
为了兼容 e2e 测试中的 page-object 选择器;
onChange
func
-
值变化时候的回调函数;
← Tree 树级组件
Tabs 选项卡 →
何时使用
基本用法
默认展示
禁用
交互
API