Componentes de navegação
Componentes para navegar por um app: uma barra lateral recolhível, abas, breadcrumbs que quebram linha e expandem no lugar, paginação e um menu de navegação com dropdowns.
Eles espelham para idiomas da direita para a esquerda, e no celular a barra lateral vira uma sheet deslizável.
- BreadcrumbUma trilha de links até a página atual que quebra linha com segurança, se espelha em layouts da direita para a esquerda e expande os segmentos recolhidos no próprio lugar.
- Navigation menuNavegação do site com dropdowns, ou um único painel de largura total que permanece aberto enquanto o conteúdo desliza entre os menus.
- PaginationNavegação de páginas que mantém cada botão no lugar, desliza até a página atual e salta para qualquer página a partir das reticências.
- SidebarUma barra lateral de app que recolhe para ícones ou fora da tela, permanece fixa sob o seu cabeçalho e vira uma sheet com deslize no celular.
- TabsAlterne entre visões com um indicador que desliza até a aba ativa, como um controle segmentado ou um sublinhado, e listas que rolam quando transbordam.
Usados nos blocos Pro
Blocos para produtos de IA construídos com estes componentes.
- Chat SidebarA barra lateral de um app de chat, com chats fixados, projetos e recentes. Cobre renomear no lugar, excluir com desfazer e chats ainda respondendo.
- HextaAIUm app de chat de IA completo construído com os blocos de IA da HextaUI. Cobre streaming, aprovações de ferramentas e revisão de plano de ponta a ponta sobre partes de mensagem do AI SDK.
- ArtifactO painel ao lado de um chat de IA que mostra o que o modelo criou. Cobre conteúdo ainda em streaming, uma prévia isolada e versões que você pode restaurar.
- Stack TraceUma falha mostrada do jeito que um desenvolvedor a lê. Seu código vem primeiro, frames do framework se recolhem e cada causa aparece em ordem.