Skip links and keyboard navigation

Accordion

Overview

Accordions display collapsible content panels for presenting information in a limited amount of space. Accordions help users see only the content they need, while everything else is easily accessible.

Default

  • Apply the dark theme by adding the qg-dark-accordion class.
  • Apply the light theme by adding the qg-light-accordion class.

Accordion content

Accordion content