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
multipleboolean Change accordion mode false
disabledboolean Change accordion state false
animationboolean Toggle accordion animation false
activeIconSVG Icon Change active icon "+" icon
inactiveIconSVG 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>