Navigation & Structure
Dynamic Island
Fluid morphing mega menu inspired by iOS Dynamic Island with smooth transitions.
dynamic-islandmorphingfluidios
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
closedText | string | "Navigation" | Text shown when menu is closed. |
closedWidth | number | 180 | Width of closed menu in pixels. |
openWidth | number | 800 | Width of open menu in pixels. |
items | Array<{title: string, icon: ReactNode, color?: string}> | [] | Array of menu items. |
islandBgColor | string | "#000000" | Island background color. |