Some features from this component may require
You should use the accordion component if there is insufficient space within the page to display the information or if users need to see a overview of specific content that's related to one another.
Accordions hide content from the user, and there may be cases where users will miss content completely or not understand how accordions work. It is not advisable to use the accordion for information that is essential to your users.
If users need to see all information on a single page, you may want to:
Accordions increases the cognitive load for users, as decisions have to be made when clicking on the headers. Users may also ignore important information if it is hidden in an accordion.
A set of accordions, of which only one can be open at a time.
You can add the
is-open class to
sgds-accordion to show the content on page load
||Remove border around the accordion.|
To expand the accordion on page load.
Having troubles with the guide? Please give us more details and we'll get back to you soon.Chat with the team