Fondazione - Button Group
Descrizione
Sono contenitori per elementi di azione corrispondenti. Funziona bene quando un gruppo di azioni viene visualizzato in una barra.
La tabella seguente elenca il gruppo di pulsanti in Foundation
Sr.No. | Gruppo di pulsanti e descrizione |
---|---|
1 | Nozioni di base Qualsiasi numero di pulsanti può essere posizionato all'interno di un contenitore utilizzando .button-group . |
2 | Dimensionamento Il dimensionamento dei gruppi di pulsanti può essere effettuato utilizzando pulsanti standard. |
3 | Colorazione Ogni pulsante in un gruppo di pulsanti può essere colorato individualmente oppure ogni pulsante può essere colorato utilizzando la stessa classe. |
4 | Gruppo di larghezza pari La classe .expanded può essere utilizzata per rendere automaticamente i pulsanti a tutta larghezza. |
5 | Impilabile I pulsanti possono essere impilati utilizzando .stacked class o .stack-for-small class solo per schermi piccoli. |
6 | Pulsanti divisi Per creare pulsanti divisi, è necessario aggiungere la classe .arrow-only e creare gruppi di pulsanti di due pulsanti. |
7 | Riferimento SASS È possibile modificare gli stili dei componenti utilizzando SASS Reference. |