Tabs
Las tabs son componentes que permiten organizar el contenido agrupando la información en secciones de la misma página.
Descarga la librería LDDescarga la librería SD
Tipos
Tabs simples: no funcionan con slider y es la opción más óptima para agrupar el contenido sin saturar.
Tabs con slider: incluyen más de 6 tabs en el caso de large device y más de 3 en el caso de small device.
Recomendaciones de uso
- Las etiquetas de las pestañas tienen que ser breves y concisas, y siempre comenzarán por mayúscula.
- Para no saturar al usuario de información, se pueden permitir hasta cinco pestañas sin slider. Si hay 6 o más se adoptará un slider dentro de las tabs. Aun así, es recomendable limitar su uso hasta 5 tabs.
- En dispositivos small device se recomienda no hacer uso de más de tres tabs.
Estados
Los estados de las tabs son:
1. Default: es el estado normal, sin ninguna interacción sobre ella.
2. Hover: es el estado al pasar el ratón por encima.
3. Selected: es el estado de la tab activada.
4. Disabled: no se puede interactuar con la tab porque está desactivada.
Estilos
Color
Tipografía
