Tabs Component

Styles

Le style nu (sans modificateur) et les trois de daisyUI 5 :box,border,lift.

Tailles & position

La taille accepte aussi un objet par breakpoint, par exemplesize={{ xs: 'sm', lg: 'lg' }}.

Clavier & état désactivé

Donne le focus à un onglet puis navigue aux flèches gauche / droite, avec bouclage, plus Home etEnd. L'onglet désactivé est sauté. Seul l'onglet sélectionné est dans l'ordre de tabulation.

En automatic la flèche sélectionne directement. En manual elle ne fait que déplacer le focus — il faut Entrée ouEspace pour sélectionner.

Montage différé

Par défaut tous les panneaux sont montés et daisyUI masque les inactifs — c'est ce qui préserve l'état d'un formulaire quand on change d'onglet. Aveclazy, le contenu d'un panneau n'est monté qu'à sa première sélection, puis il y reste.

Avec lazy = false les trois numéros existent d'entrée. Avec lazy = true, seul le panneau visité porte un numéro, attribué au moment de la visite.

Dans un SidePanel

Le cas qui a motivé le lot : un panneau de détail dont le contenu se répartit en onglets. Les flèches doivent fonctionner à l'intérieur du panneau, etEscape doit fermer le panneau, pas perturber les onglets.