Paneles que se expanden al hover revelando imágenes con parallax.
npx shadcn@latest add https://reactbits.dev/r/AccordionGallery-TS-TW
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
| Prop | Tipo | Por defecto |
|---|---|---|
| items | Array<{ image: string; label?: string; link?: string; alt?: string }> | 5 sample panels |
| defaultIndex | number | 2 |
| accentColor | string | "#ffffff" |
| overlayColor | string | "#060010" |
| textColor | string | "#ffffff" |
| grayscale | boolean | true |
| showLabels | boolean | true |
| duration | number | 0.6 |
| ease | string | "power3.out" |
| parallax | number | 0.5 |
| tilt | number | 8 |
| stagger | number | 0.06 |
| trigger | "hover" | "click" | "hover" |
| height | number | 460 |
| gap | number | 10 |
| radius | number | 16 |
| expandRatio | number | 0.52 |
| orientation | "horizontal" | "vertical" | "horizontal" |