Fundación - Grupo de botones

Descripción

Son contenedores para los elementos de acción correspondientes. Funciona bien cuando se muestra un grupo de acciones en una barra.

La siguiente tabla enumera el grupo de botones en Foundation

No Señor. Grupo de botones y descripción
1 Lo esencial

Se puede colocar cualquier número de botones dentro de un contenedor usando .button-group .

2 Dimensionamiento

El tamaño de los grupos de botones se puede realizar utilizando botones estándar.

3 Colorante

Cada botón de un grupo de botones se puede colorear individualmente o cada botón se puede colorear usando la misma clase.

4 Grupo de ancho uniforme

La clase .expanded se puede usar para hacer botones de ancho completo automáticamente.

5 Apilado

Los botones se pueden apilar usando .stacked class o .stack-for-small class solo para pantallas pequeñas.

6 Botones divididos

Para crear botones divididos, debe agregar la clase .arrow-only y crear grupos de botones de dos botones.

7 Referencia SASS

Puede cambiar los estilos de los componentes utilizando SASS Reference.