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.