MultiSelect

() => {
  const [selected, setSelected] = React.useState([]);
  return (
    <MultiSelect
      label="Velg by"
      items={['Oslo', 'Bergen', 'Trondheim', 'Stavanger', 'Tromsø']}
      selectedItems={selected}
      onChange={setSelected}
    />
  );
}

Bruk MultiSelect når

Brukeren skal kunne velge ett eller flere elementer fra en liste med valg. Komponenten viser fram valgene basert på items-prop-en, tilbyr et søkefelt for filtrering, og valgte elementer dukker opp som fjernbare Chip-er i inputfeltet.

Unngå MultiSelect når

brukeren bare skal velge én verdi, bruk heller Dropdown i stedet.

Eksempler

() => {
  const cities = ['Oslo', 'Bergen', 'Trondheim', 'Stavanger', 'Kristiansand', 'Kristiansund', 'Molde', 'Bodø', 'Hønefoss', 'Egersund', 'Haugesund'];
  const [selected, setSelected] = React.useState([]);
  return (
    <MultiSelect
      label="Velg by"
      items={cities}
      selectedItems={selected}
      onChange={setSelected}
    />
  );
}