> TextInputArray

TextInputArray

Liste dynamique de champs texte avec ajout et suppression.

TagsuiExemples2StylesDisponibles

Default

export const Default = () => {
  const [values, setValues] = useState<TextInputArrayValue[]>([]);
  return (
    <Box>
      <TextInputArray
        placeholder="Saisir une valeur..."
        addTitle="Ajouter un élément"
        value={values}
        onChange={setValues}
      />
    </Box>
  );
};

WithInitialValues

export const WithInitialValues = () => {
  const [values, setValues] = useState<TextInputArrayValue[]>([
    { value: 'Élément 1', _original: 'Élément 1' },
    { value: 'Élément 2', _original: 'Élément 2' },
  ]);
  return (
    <Box>
      <TextInputArray placeholder="Saisir une valeur..." value={values} onChange={setValues} />
    </Box>
  );
};

Alveole UI Kit — v1.8.4