Gopx Accordion
Beautifully designed Accordion component for GopxWebUI (opens in a new tab) with Tailwind CSS and Framer Motion. Copy, paste, and customize to enhance your web projects effortlessly.
Tailwind CSS Framer Motion
This is the content for section 1.
Here's some information for section 2.
Section 3 contains this text.
Installation
Run the following command:
npx gopx-webui add accordionProps
| Prop | Type | Required | Description |
|---|---|---|---|
title | string | Yes | The title of the accordion item, displayed as a header. |
description | string | Yes | The content that will be shown or hidden when the accordion is toggled. |
isActive | boolean | Yes | A flag indicating whether the accordion is currently expanded or collapsed. |
toggleActive | function | Yes | A function that toggles the active state of the accordion when called. |