Tabs
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Las pestañas organizan el contenido en diferentes pantallas, interacciones y conjuntos de datos. Las pestañas se pueden utilizar para alternar entre vistas de grupos de información distintos y relacionados.
Recursos
Lo más destacado
- Las pestañas se pueden desplazar horizontalmente. Una IU puede tener tantas pestañas como sea necesario.
- Las pestañas organizan el contenido en categorías para ayudar a los usuarios a encontrar diferentes tipos de información rápidamente.
- Las pestañas se muestran una al lado de la otra como apps similares, en categorías del mismo nivel.
Variantes
Hay dos tipos de indicadores de pestañas:
- Indicador de pastilla
- Indicador de barras
Elige la tipografía correcta según el énfasis. Se recomiendan las pestañas indicadores
de barras para organizar páginas completas. Muestran los destinos de contenido principales. Las pestañas del indicador de barra se usan dentro de un área de contenido para separar aún más el contenido relacionado y establecer jerarquías.
Anatomía
- Ícono (opcional)
- Sello discográfico
- Indicador activo
- Píldora
- Bar
- Contenedor
Estados
- Predeterminada
- Enfoque
- Seleccionado
Especificaciones
Comportamiento
Cuando pasas de una pestaña a la siguiente, el contenido que aparece debajo también se desliza hacia la izquierda o la derecha según el movimiento de la pestaña.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2024-08-19 (UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Falta la información que necesito"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muy complicado o demasiados pasos"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desactualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema de traducción"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema con las muestras o los códigos"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Otro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de comprender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Resolvió mi problema"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Otro"
}]
{"lastModified": "\u00daltima actualizaci\u00f3n:\u00a02024-08-19 (UTC)"}
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2024-08-19 (UTC)"]]