Skip to content
Cloudflare Docs

Details

Details is used 602 times on 226 pages.

Pages which use Details

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>