Code

Props

Props	Data Type	Required
value	string	✅
className	string	❌
id	string	✅
name	string	❌
checked	boolean	❌
indeterminate	boolean	❌
error	boolean	❌
disabled	boolean	❌
onChange	function	❌

Description

This component is basically a Checkbox without the label option and with a simpler internal HTML structures that returns the input and the customized box directly. This component can be useful to build new components and implementing CSS styles based on the input state (checked or not) directly.

Beside those changes, the component is working the same as Radio component.

Live Demo

For detailed code usage documentation, see the Storybooks for each framework below.

Storybooksipster-react-component-storybook.netlify.app