Onglets
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les onglets organisent le contenu sur différents écrans, ensembles de données et interactions. Les onglets peuvent être utilisés pour basculer entre les vues de groupes d'informations distincts et connexes.
Ressources
Sélection
- Les onglets peuvent défiler horizontalement. Une UI peut comporter autant d'onglets que nécessaire.
- Les onglets organisent le contenu en catégories pour aider les utilisateurs à trouver rapidement différents types d'informations.
- Les onglets sont affichés côte à côte en tant qu'applications similaires, dans des catégories d'importance égale.
Variantes
Il existe deux types d'indicateurs d'onglet:
- Indicateur comprimé
- Indicateur de barre
Choisissez le type adapté en fonction de l'accentuation. Les onglets d'indicateur de pilule sont
recommandés pour organiser les pages entières. Elles affichent les principales destinations de contenu. Les onglets d'indicateur de barre sont utilisés dans une zone de contenu pour mieux séparer le contenu associé et établir une hiérarchie.
Anatomie
- Icône (facultatif)
- Libellé
- Indicateur actif
- Pilule
- Bar
- Conteneur
États
- Par défaut
- Allez à l'essentiel
- Sélectionnée
Caractéristiques techniques
Comportement
Lorsque vous passez d'un onglet à l'autre, le contenu en dessous glisse également vers la gauche ou vers la droite en fonction du mouvement de l'onglet.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/08/19 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2024/08/19\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/08/19 (UTC)."]]