Carregando…Carregando…Carregando…Carregando…Flat tabs with a sliding pill indicator that follows hover or click, à la vercel.com.
$ npx kikitocn add vercel-navigation@/lib/utils@/lib/motionmotionimport { VercelNavigation } from "@/components/ui/cn/vercel-navigation/VercelNavigation";
export function VercelNavigationExample() {
return (
<VercelNavigation trigger="hover" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
items* | VercelNavigationItem[] | — | Itens { label, href? } |
trigger | 'hover' | 'click' | 'hover' | hover: pílula segue o mouse; click: pílula fica no item selecionado |
defaultActiveIndex | number | 0 | Índice ativo inicial quando trigger='click' |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
A pílula segue o mouse
A pílula fica no item selecionado