Skip to content

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.