Tailwind CSS Accordion - Props
The following props are available for accordion component. These are the custom props that come with we've added for the accordion component and you can use all the other native props as well.
| Attribute | Type | Description | Default |
|---|---|---|---|
multiple |
boolean |
Change accordion mode | false |
disabled |
boolean |
Change accordion state | false |
animation |
boolean |
Toggle accordion animation | false |
activeIcon |
SVG Icon |
Change active icon | "+" icon |
inactiveIcon |
SVG Icon |
Change inactive icon | "-" icon |
"+" icon
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="w-auto"
>
<path
fill-rule="evenodd"
d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z"
clip-rule="evenodd"
></path>
</svg>
"-" icon
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="w-auto"
>
<path
fill-rule="evenodd"
d="M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z"
clip-rule="evenodd"
></path>
</svg>