Details

Details is a styled component to enhance the native behaviors of the <details> element.

On this page

On this page

Usage

The details component can reveal additional information by using a button to toggle between hidden and visible. It includes a summary followed by the content that's hidden or visible.

By default, the information is hidden. When triggered, it expands and displays the information.

Accessibility

Known accessibility issues (GitHub staff only)

View open accessibility issues related to this component