Switch 开关

优质
小牛编辑
120浏览
2023-12-01

开关组件。

Usage

全部引入

import { Switch } from 'beeshell';

按需引入

import { Switch } from 'beeshell/dist/components/Switch';

Examples

image

Code

详细 Code

import { Switch } from 'beeshell';

<Switch value={this.state.valueA} onChange={(value) => { this.setState({ valueA: value }) }}/>

API

Props

NameTypeRequiredDefaultDescription
styleViewStylefalse{}样式
valuebooleanfalsefalse状态值
disabledbooleanfalsefalse是否可以切换状态
rockerSizestringfalse'lg'滑块的尺寸,支持 'lg' 'sm'
activeColorstringfalsevariable.mtdBrandPrimary打开状态颜色
onChangeFunctionfalsenull值变化回调