Tailwind CSS Accordion - Props



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.

AttributeTypeDescriptionDefault
openbooleanOpen accordion collapseNo default value it's a required prop.
iconnodeChange accordion collapse end iconundefined
animateAnimateChange accordion body animationundefined
disabledbooleanDisable the accordionfalse
classNamestringAdd custom className for accordion''
childrennodeAdd content for accordionNo default value it's a required prop.


For TypeScript Only

import type { AccordionProps } from "@material-tailwind/react";

Accordion Header - Props

The following props are available for accordion header component. These are the custom props that come with we've added for the accordion header component and you can use all the other native props as well.

AttributeTypeDescriptionDefault
classNamestringAdd custom className for accordion header''
childrennodeAdd content for accordion headerNo default value it's a required prop.


For TypeScript Only

import type { AccordionHeaderProps } from "@material-tailwind/react";

Accordion Body - Props

The following props are available for accordion body component. These are the custom props that come with we've added for the accordion body component and you can use all the other native props as well.

AttributeTypeDescriptionDefault
classNamestringAdd custom className for accordion body''
childrennodeAdd content for accordion bodyNo default value it's a required prop.


For TypeScript Only

import type { AccordionBodyProps } from "@material-tailwind/react";

Types - Animate

type animate = {
  mount?: object;
  unmount?: object;
};

Related

Examples

Checkout different examples for accordion components.

Theme

Learn how to customize the theme and styles for accordion components.

Edit this page on Github