Components

Checkbox

Sjekkbokser brukes for å la brukeren gjøre et eller flere "enten-eller" valg.

Examples

En enkel sjekkboks

<Checkbox>
  Jeg liker tog
</Checkbox>

Flere sjekkbokser i en gruppe, med default valg

<CheckboxGroup defaultValue={['train', 'ship']}>
  <Checkbox value="train">Togreiser</Checkbox>
  <Checkbox value="bus">Bussreiser</Checkbox>
  <Checkbox value="ship">Gullivers reiser</Checkbox>
</CheckboxGroup>

Sjekkbokser i vertikal layout

<CheckboxGroup direction="column">
  <Checkbox value="train">Togreiser</Checkbox>
  <Checkbox value="bus">Bussreiser</Checkbox>
  <Checkbox value="ship">Gullivers reiser</Checkbox>
</CheckboxGroup>

Kontrollerte sjekkbokser

() => {
  const [choice, setChoice] = React.useState([]);
  return (
    <CheckboxGroup value={choice} onChange={setChoice}>
      <Checkbox value="train">Togreiser</Checkbox>
      <Checkbox value="bus">Bussreiser</Checkbox>
      <Checkbox value="ship">Gullivers reiser</Checkbox>
    </CheckboxGroup>
  );
}