@smashing/checkbox

Checkbox

The Checkbox component maps to a checkbox input and a label.

yarn add @smashing/checkbox

Primary appearance

Default

<Checkbox>Stay signed in</Checkbox>

Checked

<Checkbox checked>Stay signed in</Checkbox>

Minimal appearance

Default

<Checkbox appearance="minimal">Stay signed in</Checkbox>

Checked

<Checkbox appearance="minimal" checked>
  Stay signed in
</Checkbox>

Disabled Button

Default

<Checkbox disabled>Stay signed in</Checkbox>

Checked

<Checkbox disabled checked>
  Stay signed in
</Checkbox>

Card appearance

Default

<Checkbox appearance="card"> {icon} Stay signed in</Checkbox>

Checked

<Checkbox appearance="card" checked>
  {icon}
  Stay signed in
</Checkbox>

Disabled

<Checkbox appearance="card" disabled>
  {icon}
  Stay signed in
</Checkbox>