Componentes de navegación
Componentes para moverse por una app: una barra lateral plegable, pestañas, breadcrumbs que se ajustan y se expanden en su sitio, paginación y un menú de navegación con desplegables.
Se reflejan en los idiomas de derecha a izquierda, y en los móviles la barra lateral se convierte en una hoja deslizable.
- BreadcrumbUn rastro de enlaces hasta la página actual que se ajusta de forma segura, se refleja en diseños de derecha a izquierda y expande los segmentos colapsados en su lugar.
- Navigation menuNavegación del sitio con menús desplegables, o un panel de ancho completo que permanece abierto mientras su contenido se desliza entre menús.
- PaginationNavegación de páginas que mantiene cada botón en su sitio, se desliza hasta la página actual y salta a cualquier página desde los puntos suspensivos.
- SidebarUna barra lateral de la app que se contrae a iconos o fuera del lienzo, se mantiene fija bajo tu encabezado y se convierte en una hoja deslizable en móviles.
- TabsCambia entre vistas con un indicador que se desliza hasta la pestaña activa, como control segmentado o con subrayado, y listas que se desplazan cuando desbordan.
Usados en bloques Pro
Bloques para productos de IA construidos con estos componentes.
- Chat SidebarLa barra lateral de una app de chat, con chats fijados, proyectos y recientes. Cubre renombrar en el sitio, borrar con deshacer y chats que aún responden.
- HextaAIUna app de chat de IA completa construida con los bloques de IA de HextaUI. Cubre streaming, aprobaciones de herramientas y revisión del plan de principio a fin sobre partes de mensaje del AI SDK.
- ArtifactEl panel junto a un chat de IA que muestra lo que hizo el modelo. Cubre contenido aún en streaming, una vista previa aislada y versiones que puedes restaurar.
- Stack TraceUn fallo mostrado como lo lee un desarrollador. Tu código va primero, los frames del framework se pliegan y cada causa aparece en orden.