Menu Vertical
An animated vertical menu component that reveals a sliding arrow icon and animated text with optional skew.
Examples
Menu Vertical Basic
Basic ussage with the default styles
Using custom color and skew
Uses a custom hover color and skew value for a more dynamic effect
Installation
npx shadcn@latest add "https://ui.rechesoares.com/registry/menu-vertical.json"
Component Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| menuItems | MenuItem[] | - | Yes | An array of menu items, each with a label (string) and href (string). |
| color | string | #ff6900 | No | Optional color used for the hover arrow and text. |
| skew | number | 0 | No | Optional skew in degrees applied to the label on hover. |