Function default

A theme-aware Accordion component wrapping MUI's Accordion.

Supports:

  • Recursive theme color parsing for sx
  • Background and text color props
  • Custom title or header components
  • Customizable expand icons

Example

<Accordion
  title="Details"
  backgroundColor="primary"
  color="white"
  titleColor="white"
  arrowIcon="arrow"
  arrowColor="white"
  sx={{
    ':hover': { backgroundColor: 'blue5' }
  }}
>
  <p>This is the content</p>
</Accordion>

Settings

Member Visibility