Skip to Content

Disclosure

One collapsible region (an Accordion of one). Use defaultOpen uncontrolled, or open + onOpenChange controlled.

Rarely-needed settings live here.
import { Disclosure } from '@gg-software/ui'; <Disclosure label="Advanced options" defaultOpen> <AdvancedSettings /> </Disclosure> // controlled <Disclosure label="Details" open={open} onOpenChange={setOpen}> … </Disclosure>

Props

PropTypeDefaultDescription
label*ReactNode—
children*ReactNode—content rendered inside the component
defaultOpenbooleanfalse
openboolean—
onOpenChange((open: boolean) => void)—
classNamestring—

* required · generated from packages/ui/src/containers/Disclosure/Disclosure.tsx