Composants de navigation
Des composants pour se déplacer dans une app : une barre latérale repliable, des onglets, un fil d’Ariane qui passe à la ligne et se déplie sur place, une pagination et un menu de navigation avec menus déroulants.
Ils s’inversent pour les langues de droite à gauche, et la barre latérale devient un panneau à balayer sur téléphone.
- BreadcrumbUn fil d’Ariane vers la page courante qui passe à la ligne sans risque, s’inverse dans les mises en page de droite à gauche et déploie les segments réduits sur place.
- Navigation menuUne navigation de site avec menus déroulants, ou un seul panneau pleine largeur qui reste ouvert pendant que son contenu glisse d’un menu à l’autre.
- PaginationUne navigation par pages qui garde chaque bouton en place, glisse vers la page courante et permet d’accéder à n’importe quelle page depuis les points de suspension.
- SidebarUne barre latérale d’application qui se réduit en icônes ou hors canevas, reste épinglée sous votre en-tête et devient une sheet balayable sur mobile.
- TabsPassez d’une vue à l’autre avec un indicateur qui glisse vers l’onglet actif, en contrôle segmenté ou souligné, et des listes qui défilent en cas de débordement.
Utilisés dans les blocs Pro
Des blocs pour produits d’IA construits avec ces composants.
- Chat SidebarLa barre latérale d’une app de chat, avec chats épinglés, projets et récents. Gère le renommage sur place, la suppression avec annulation et les chats qui répondent encore.
- HextaAIUne app de chat IA complète construite à partir des blocs IA de HextaUI. Gère le streaming, les approbations d’outils et la revue de plan de bout en bout sur des parties de message AI SDK.
- ArtifactLe panneau à côté d’un chat IA qui montre ce que le modèle a produit. Gère le contenu encore en streaming, un aperçu isolé et des versions à restaurer.
- Stack TraceUn plantage affiché comme un développeur le lit. Votre code vient en premier, les frames du framework se replient et chaque cause est listée dans l’ordre.