Components
Details
Details is a collapsible component that allows the user to show or hide content.
We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.
For the Details component, we use u-details (github.io), which builds on the semantic HTML elements <details> and <summary>.
Keyboard navigation
Press Space or Enter to open or close the Details.
Edit this page on github.com (opens in a new tab)