Vault UINavegação

Abas

O indicador estica como elástico de uma aba até a outra. Setas, Home e End navegam pelo teclado.

Resumo do projeto, quem mexeu por último e o que falta.

Ajustes

Elástico

Instalação

O shadcn cria components/ui/abas.tsx no seu projeto e instala o tema junto. O arquivo é seu: edite à vontade.

npx shadcn@latest add https://ui.ravoxlabs.com/r/abas.json

Opções

OpçãoTipoPadrãoO que faz
padraostring—Aba aberta no começo (Abas, modo não controlado).
valor / aoTrocarstring / (valor: string) => void—Modo controlado (Abas).
elastico"suave" | "forte""suave"Quanto o indicador estica (AbasLista).
valorstring—Identifica a aba (AbasGatilho e AbasConteudo).