Component
Edit this pageNeo Tabs
Organize content with style. These tabs pop, slide, and stick with a satisfying brutalist weight.
01 Installation
Copy the source code below. It uses the Compound Component pattern for maximum flexibility.
Source Code
New Component
src/components/neo/
NeoTabs.tsx
Or switch to the "Code" tab to view manually
02 Basic Usage
Simple Tabs
My Account
Manage your profile details and preferences here.
03 Real World Examples
System Settings
SYS_CONFIG.EXE
Props API
| Component | Prop | Type | Description |
|---|---|---|---|
| NeoTabs | defaultValue | string | The value of the tab to show initially. |
| NeoTabList | children | ReactNode | Container for trigger buttons. |
| NeoTabTrigger | value | string | Unique identifier for the tab. |
| NeoTabContent | value | string | Must match a trigger value to display. |