The v-divider component is used to separate sections of lists or layouts.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Les intercalaires sont déplacés 72px à droite. Cela les fera correspondre avec les éléments de liste.
Les diviseurs verticaux vous offrent plus d'outils pour des mises en page uniques.
Les séparateurs verticaux peuvent également être jumelés avec le prop inset pour encore plus d'options.
Les Diviseurs et les sous-têtes peuvent aider à casser le contenu et peuvent éventuellement s'inscrire les uns avec les autres en utilisant le même prop inset.
Créer des cartes personnalisées pour convenir à n'importe quel cas d'utilisation
Par défaut, les composantsv-divider sont assignés au WAI-ARIA rôle de séparateur qui indique que le séparateur "sépare et distingue les sections de contenu ou de groupes de menuitems." Cependant, parfois, un séparateur n'est qu'un moyen de rendre une interface agréable. Dans ces cas, le rôle de presentation devrait être utilisé pour désigner "un élément dont le sémantique natif implicite ne sera pas mappé à l'API d'accessibilité." Pour remplacer le rôle par défaut séparateur dans un rôle v-divider, il suffit d'ajouter un prop role="presentation" à votre composant. En outre, les composants v-divider ont un aria-orientation="horizontal". Si vertical="true", alors aria-orientation="vertical" sera automatiquement défini. Si role="presentation", aria-orientation="undefined", c'est la valeur par défaut.
Prêt pour plus ? Continuez la lecture avec :