Component
Edit this pageNeo Dropdown
A compound component system for menus. Features hard shadows, snappy animations, and keyboard accessibility.
01 Installation
Copy the source code below. It handles click-outside logic and animations automatically.
Source Code
New Component
src/components/neo/
NeoDropdown.tsx
Or switch to the "Code" tab to view manually
02 Basic Usage
Interactive Demo
03 Real World Example
User Menu
ALEX_DEV
Pro Member
Props API
| Component | Prop | Type | Description |
|---|---|---|---|
| NeoDropdown | children | ReactNode | Root container. Handles state. |
| NeoDropdownMenu | className | string | Classes for the menu container (e.g. width). |
| NeoDropdownItem | onClick | () => void | Function called when item is clicked. |
| NeoDropdownItem | danger | boolean | Styles the item with red/destructive colors. |