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

On this page

On this page


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.


Known accessibility issues (GitHub staff only)

View open accessibility issues related to this component