Responsive toggle

Accordion like toggle that only displays when screen is smaller than desktop.

The component consists of two main sections wrapped in responsive-toggle.

  • responsive-toggle-header - only displayed on screens smaller than desktop and when clicked shows/hides the content in the responsive-toggle-container.
  • responsive-toggle-container - displayed always on desktop, and hidden on screens lower than desktop. Shown/hidden when clicking the responsive-toggle-header. Content inside this container can be added as per requirements to be hidden by default on screens smaller than desktop

To see the toggle behaviour view the screen on mobile screen width.

Dropdown example