Expandable Navigation

v1.0

Props

Prop	Type	Default	Description
children	ReactNode	-	Nested navigation structure (tabs, options, content).
initialHeight	string	60px	Height when no option is active.
finalHeight	string	250px	Height when an option is expanded.
className	string	""	Additional Tailwind / custom styles.
name	string	—	Unique identifier for the option. Controls which content opens. Must match to <EnContent/> name.

Composition

ExpandableNavigation
├── EnTabs
│   ├── EnOptions
│   ├── EnOptions
│   └── EnOptions
│
├── EnHolder
│   ├── EnOptions
│   ├── EnOptions
│   └── EnOptions
│
├── EnContent
│   └── (matches EnOptions name)
│
├── EnContent
│   └── (matches EnOptions name)
│
└── EnContent
    └── (matches EnOptions name)

Dependencies

framer-motionReact IconsCLSXTailwind Merge