> SelectMultiple

SelectMultiple

Sélection multiple via une liste déroulante (web) ou un stub natif.

TagsuiExemples2StylesDisponibles

Default

Sélection

export const Default = () => {
  const [value, setValue] = useState<string[]>([]);
  return (
    <Box display="flex" flexDirection="column" gap={24}>
      <SelectMultiple label="Sélection" options={OPTIONS} value={value} onChange={setValue} />
    </Box>
  );
};

States

Avec valeurs

Option A

Option C

Erreur

Ce champ est requis

Désactivé

Option B

export const States = () => (
  <Box display="flex" flexDirection="column" gap={24}>
    <SelectMultiple label="Avec valeurs" options={OPTIONS} value={['a', 'c']} />
    <SelectMultiple label="Erreur" options={OPTIONS} value={[]} error="Ce champ est requis" />
    <SelectMultiple label="Désactivé" options={OPTIONS} value={['b']} disabled />
  </Box>
);

Alveole UI Kit — v1.8.4