# Code

## Props

<table><thead><tr><th width="210.33333333333331">Props</th><th>Data Type</th><th>Required</th></tr></thead><tbody><tr><td>value</td><td>string</td><td><span data-gb-custom-inline data-tag="emoji" data-code="2705">✅</span></td></tr><tr><td>className</td><td>string</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>id</td><td>string</td><td><span data-gb-custom-inline data-tag="emoji" data-code="2705">✅</span></td></tr><tr><td>name</td><td>string</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>checked</td><td>boolean</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>indeterminate</td><td>boolean</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>error</td><td>boolean</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>disabled</td><td>boolean</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr><tr><td>onChange</td><td>function</td><td><span data-gb-custom-inline data-tag="emoji" data-code="274c">❌</span></td></tr></tbody></table>

### 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](https://2600hz.gitbook.io/sds/sds-components/form-controls/radio) component.

## Live Demo

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

{% embed url="<https://sipster-react-component-storybook.netlify.app/?path=/story/form-controls-checkbox-raw--checkboxt-with-label>" %}
