Accordion
Accordion-style mega menu with expandable sections and smooth animations.
Main Features of Accordion
How to Use Accordion in Next.js
Installation Guide for Accordion
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
items | Array<{title: string, bg?: string, description?: string}> | [] | Array of accordion items with title, background, and description. |
backgroundColor | string | "#171717" | Background color (hex, rgb, or hsl). |
containerHeight | string | "400px" | Container height. |
defaultHoveredWidth | string | "55%" | Width when item is hovered. |
inactiveWidth | string | "25%" | Width when no item is hovered. |