FormControlLabel

A component that wraps a Form control element (Checkbox, Switch, Radio) when used with a label.

Switch

Checkbox

Basic example

Wrap a Checkbox/Switch/Radio to display text next to it.

Toggle

import {
  Checkbox,
  FormControlLabel
} from '@streamelements/frontend-ui';

// ...

<FormControlLabel>
  <Checkbox />
  Toggle
</FormControlLabel>

Props

Name	Type	Default value	Description
asChild	boolean	–	Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.