Skip to content
Cloudflare Docs

Details

Details is used 648 times on 242 pages.

Pages which use Details

Used 648 times.

Pages

Partials

When you want to provide additional information in context, but you do not want it to clutter up the more important content, use <Details> to add a collapsible container.

Open me!

 Hello, world! 
import { Details } from "~/components";


<Details header="Open me!">Hello, world!</Details>

You can specify the default configuration of each instance of the <Details> component (that is, whether it is open or closed by default).

Close me!

Long piece of code example.

 
import { Details } from "~/components";


<Details header="Close me!" open={true}>
  Long piece of code example.
</Details>

Properties

  • header string required

  • id string optional

    Adds a specific id to the HTML element

  • open boolean optional