Transfer
Consente la creazione di liste di checkbox con elementi trasferibili
ComponentiMetadati e link per approfondire
Quando usarlo
Il componente Transfer permette di spostare facilmente elementi tra due liste affiancate. È particolarmente indicato per:
- gestire selezioni multiple di elementi;
- organizzare e classificare contenuti;
- filtrare dati in modo interattivo;
- personalizzare preferenze o configurazioni utente.
Come usarlo
- Inserisci il transfer all'interno di un
form. - Definisci la larghezza delle colonne utilizzando le griglie.
- Aggiungi un pulsante per dare la possibilità di confermare le modifiche applicate alle liste.
Accessibilità
Lo stato delle verifiche di accessibilità effettuate sul componente Bootstrap Italia
| Caratteristica | Stato | Descrizione |
|---|---|---|
Visivamente accessibile | Pronto | Uso e contrasto dei colori, leggibilità |
Amichevole con lettori di schermo | Verifica in corso | Struttura titolazioni, etichette e testi alternativi |
Navigabile | Da rivedere | Focus, struttura, navigazione da tastiera o altri device |
Comprensibile | Pronto | Comprensibile, prevedibile, gestione semplice dell’errore |
Stato del componente
Lo stato del presente componente nelle diverse librerie di design e sviluppo del design system
| Libreria | Stato componente | Link |
|---|---|---|
UI Kit Italia (design) | Non presente | KitUI Kit Italia su Figma (si apre in una nuova finestra) |
Bootstrap Italia | Da rivedere | Scheda documentazione (si apre in una nuova finestra) |
React | Non presente | Scheda Storybook (si apre in una nuova finestra) |
Angular | Non presente | Scheda documentazione (si apre in una nuova finestra) |
Anatomia
Non disponibile.
Comportamento
- Cliccando su uno o più elementi della lista, questi vengono selezionati.
- Il pulsante sposta a destra permette di spostare gli elementi selezionati nel gruppo di destra.
- Il pulsante sposta a sinistra permette di spostare gli elementi selezionati nel gruppo di destra.
- Il pulsante di reset ripristina l'ordine iniziale.
Specifiche di design
Non disponibile.
Come iniziare
Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici
Come iniziare
Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici