Un grupo de botones proporciona un contenedor navegable de botones.
Principios
Orientado a la acción: Contiene botones prácticos, en lugar de grupos de etiquetas.
Contención: Agrupa las acciones junto con el movimiento y el enfoque.
Flexible: Puede constar de varios tipos de botones.
Uso y ubicación
Usa un grupo de botones para mostrar más de un botón. Cuando presentes varios botones, usa un componente de grupo de botones en lugar de diseñar cada uno de forma independiente.
Un grupo de botones puede constar de cualquier combinación de tipos de botones de la misma altura.
Qué debes hacer
Qué no debes hacer
Los grupos de botones se pueden combinar con otros elementos, como tarjetas o pilas, para que actúen como acciones relacionadas.
Qué debes hacer
Qué no debes hacer
Un diseño de grupo de botones puede estar contenido o desbordarse, con 1 a 10 botones.
A. Contenido: El grupo de botones se ajusta al ancho del contenedor sin que se corten elementos.
B. Desbordamiento: El ancho del grupo de botones es mayor que el espacio disponible en el contenedor.
Qué debes hacer
Qué no debes hacer
Enfoque
El enfoque inicial se establece de forma predeterminada en el botón más a la izquierda, pero se puede configurar para que esté centrado en grupos de botones simétricos.
Qué debes hacer
Qué no debes hacer
Un grupo de botones alineado al centro basado en el elemento de enfoque inicial, que desliza el enfoque por cada deslizamiento. Evita usar un diseño de desbordamiento, ya que todos los botones deben ser visibles y estar contenidos en un diseño centrado.
El diseño del grupo de botones alineado a la izquierda incluye márgenes inicial y final de 44 dp desde los bordes. Los botones se desplazan suavemente hacia el centro en 3 pasos al deslizar y aumentar a medida que se deslizan.
Anatomía
El grupo de botones es un componente de contenedor que agrupa de 1 a 10 botones de cualquier tipo y altura coherente. Para obtener más información sobre los botones, consulta la guía de botones.
Personalización
Un conjunto de grupos de botones puede constar de cualquier combinación de tipos de botones de la misma altura.
| Propiedades | Personalización | Valores predeterminados |
|---|---|---|
| Enfoque inicial | Sí | 0 |