Special Elements
Liquid Stretch
Smooth liquid motion accordion with natural spring animations.
accordionliquidmotionspring
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
items | AccordionItem[] | [{id: '1', label: 'Module 1', content: '...'}, ...] | Array of accordion items with id, label, and optional content. |
backgroundColor | string | transparent | Background color of the component (hex, rgb, or hsl). |
containerBgColor | string | #ffffff | Background color of the container (hex, rgb, or hsl). |
containerShadowColor | string | rgba(0,0,0,0.1) | Shadow color of the container (hex, rgb, or hsl). |
itemBgColor | string | #f4f4f5 | Background color of accordion items (hex, rgb, or hsl). |
itemTextColor | string | #18181b | Text color of item labels (hex, rgb, or hsl). |
contentTextColor | string | #71717a | Text color of item content (hex, rgb, or hsl). |
iconColor | string | #18181b | Color of the chevron icon (hex, rgb, or hsl). |
defaultActive | number | null | 0 | Index of the initially active item (null for none). |
borderRadius | string | 1rem | Border radius of the container (CSS value). |