MenuVertical
1.0.0Stacked large-type marketing navigation that slides an arrow in and optionally skews labels on hover.
npx jabkit add menu-verticalComponent Data
- ID
- menu-vertical
- Category
- marketing
- Version
- 1.0.0
- Added
- 2026-09-07
- Type
- block
- Keyboard nav
- Yes
- Reduced motion
- Yes
navbarmarketingnavigationmenuverticalhoverkinetictypography
Dependencies
- lucide-react
- clsx
- tailwind-merge
Examples
Default
<div className="min-h-[32rem] bg-background text-foreground">
<MenuVertical {...menuVerticalMocks.default} />
</div>Variants
<div className="min-h-[32rem] bg-background text-foreground">
<MenuVertical {...menuVerticalMocks.alternate} />
</div>