DotPagination
La série de points qui situe la page courante dans un carrousel. Le point actif s'allonge en pilule.
Utilisation
import { DotPagination } from "@monstera/ui"Indicateur
count donne le nombre de points, activeIndex celui qui s'allonge. Sans onSelect, les points sont décoratifs et masqués aux lecteurs d'écran.
Page 1 sur 5
Points cliquables
Fournir onSelect transforme chaque point en bouton atteignable au clavier, avec aria-current sur le point actif.
Accessibilité
Le composant est un groupe nommé « Pagination », label le renomme. Sans onSelect, les points sont décoratifs et un texte masqué dit la position, « Page 2 sur 3 » : c'est la seule trace de la position pour un lecteur d'écran, elle suit activeIndex. Avec onSelect, chaque point est un bouton « Page n », le point actif porte aria-current.
API
Prop
Type
Tooltip
La bulle d'explication brève. Le composant est la bulle seule : ce qui l'ouvre et l'endroit où elle se pose sont écrits côté application.
DropdownMenu
Le panneau de menu flottant et ses entrées. DropdownMenu et DropdownItem sont aussi exportés sous les alias Menu et MenuItem, qui désignent les mêmes composants.