checkbox 复选框

复选框组件是一种用户界面组件，用于允许用户选择一个或多个选项。

Props参数

名称	类型	是否必传	默认值	描述
value	boolean	✅	-	是否选中值
size	number	否	22	多选框大小
disabled	boolean	否	-	是否禁用
type	ECheckType | keyof typeof ECheckType	否	default	类型
如果你的组件库需要扩展样式。可以通过这个字段自行扩展样式

示例

import { View } from '@tarojs/components'
import { Component } from 'react'
import MMCheckbox from '~/components/checkbox/index'
import PageDemoBlock from '../_components/page-demo-block'
import MMPageContainer from '../_components/page-container'

export default class Index extends Component {
  state = {
    checked: false
  }

  render() {
    const { checked } = this.state
    return (
      <MMPageContainer title="复选框">
        <PageDemoBlock title="基础使用">
          <MMCheckbox value={checked} onChange={(va) => this.setState({ checked: va })}>
            选择
          </MMCheckbox>

          <MMCheckbox value={checked} disabled>
            禁用
          </MMCheckbox>
        </PageDemoBlock>

        <PageDemoBlock title="大小">
          <MMCheckbox value={checked} size={16} onChange={(va) => this.setState({ checked: va })}>
            选择
          </MMCheckbox>
        </PageDemoBlock>

        <PageDemoBlock title="类型">
          <View>你可以通过type类型自行扩充不同的样式</View>
          <MMCheckbox value={checked} type="Custom" onChange={(va) => this.setState({ checked: va })}>
            自定义样式custom
          </MMCheckbox>
        </PageDemoBlock>
      </MMPageContainer>
    )
  }
}