CardNav
Barra de navegación que se expande en paneles de tarjetas.
- Código: RODD·CP·006
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/CardNav-TS-TW
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| logo | string | - |
| logoAlt | string | Logo |
| items | CardNavItem[] | - |
| className | string | '' |
| ease | string | power3.out |
| baseColor | string | #fff |
| menuColor | string | undefined |
| buttonBgColor | string | #111 |
| buttonTextColor | string | white |
Otros efectos de componentes
- CssBox — Caja 3D hecha solo con CSS que puedes rotar.
- DomeGallery — Cúpula 3D de imágenes que giras con el dedo.
- FlowingMenu — Menú con marquesina que entra por el borde más cercano.
- GooeyNav — Navegación cuyo indicador se deforma como una gota.
- MagicBento — Bento grid con partículas, foco de luz y borde brillante.
- MediaBetweenText — Una imagen o vídeo que se abre entre dos palabras.