Button Group
Button Group
Se usan para para agrupar botones con acciones similares en un elemento de interfaz que necesita entre 2 o más secciones de contenido. Se trata de acciones simples y relacionadas. Su selección es exclusiva y sólo uno de los botones puede permanecer presionado. El primero de ellos siempre está preseleccionado.
Usos
Se deben agrupar los botones de acción principal y/o secundaria cuando hay varias acciones relacionadas o alternativas en un bloque.
Estados
Cada uno de ellos contiene texto o icono y se puede configurar en uno de los siguientes estados:
- Selected: el botón está seleccionado.
- Hover: cuando el ratón pasa por encima.
- Default: el botón está habilitado.
- Disable: el botón está deshabilitado.
Button groups con iconos
El tamaño de los botones que compponen el button group es de 72x48 px y los iconos deben de ser 24x24 px, quedando alineados en el centro tanto en el alto como en el ancho.
Estilo
Color
Tipografía
