Expandable Cards are cards that feature a toggle button that shows / hides the content within. They have an optional description that is visible in both expanded and collapsed states.

The Expandable Card extends the Card component with expand and collapse behaviour. It is an alternative to the Expansion Panel.

Our components have been designed to comply with the WCAG 2.1 AA accessibility guidelines. For more information about how our design system complies with color-related accessibility guidelines, see Foundations > Colors > Accessibility.

Related components: