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 theresponsive-toggle-container
.responsive-toggle-container
- displayed always on desktop, and hidden on screens lower than desktop. Shown/hidden when clicking theresponsive-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.