StaggeredMenu

Menú a pantalla completa con entrada escalonada.

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/StaggeredMenu-TS-TW

Sustituyen a un componente estándar cuando la experiencia es parte del producto.

Prop	Tipo	Por defecto
position	"left" \| "right"	"right"
colors	string[]	["#B497CF", "#5227FF"]
items	StaggeredMenuItem[]	[]
socialItems	StaggeredMenuSocialItem[]	[]
displaySocials	boolean	true
displayItemNumbering	boolean	true
className	string	undefined
logoUrl	string	/src/assets/logos/reactbits-gh-white.svg
menuButtonColor	string	"#fff"
openMenuButtonColor	string	"#fff"
accentColor	string	undefined
changeMenuColorOnOpen	boolean	true
onMenuOpen	() => void	undefined
onMenuClose	() => void	undefined
closeOnClickAway	boolean	true

AnimatedList — Lista que aparece elemento a elemento, como notificaciones.
BubbleMenu — Menú de burbujas que se expande con elementos escalonados.
CircularGallery — Galería curva infinita que se arrastra o se desplaza con scroll.
DepthCarousel — Tarjetas en un raíl 3D con profundidad, arrastre y autoplay.
ElasticSlider — Slider cuyo tirador se estira y vuelve con muelle.
GlassIcons — Iconos con efecto de cristal esmerilado.