cf-component-checkbox
Cloudflare Checkbox Component
Installation
Installation with yarn is recommended
$ yarn add cf-component-checkbox
Usage
import React from 'react';import Checkbox CheckboxUnstyled CheckboxTheme CheckboxGroup from 'cf-component-checkbox';import applyTheme from 'cf-style-container'; const CheckboxGroupItem = ; Component { ; thisstate = checkbox1: true checkbox2: false checkboxValues: 'option1' checkbox5: false ; thisonCheckboxGroupChange = thisonCheckboxGroupChange; } { this; } { return <div> <p> You can create them individually with <code>Checkbox</code> </p> <Checkbox ="Checkbox 1" ="checkbox-1" ="checkbox1" = = /> <Checkbox ="Checkbox 2" ="checkbox-2" ="checkbox2" = = /> <p> Or as a group with <code>CheckboxGroup</code> </p> <CheckboxGroup = = > <CheckboxGroupItem ="Checkbox 3" ="checkbox-3" ="checkbox3" /> <CheckboxGroupItem ="Checkbox 4" ="checkbox-4" ="checkbox4" /> </CheckboxGroup> <p> You can also disable a label by passing <code>false</code> explicitly </p> <Checkbox = ="checkbox-5-no-label" ="checkbox5" = = /> </div> ; } ;