Disclosure

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


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

Props

Prop	Type	Default	Description
`label`*	`ReactNode`	—
`children`*	`ReactNode`	—	content rendered inside the component
`defaultOpen`	`boolean`	`false`
`open`	`boolean`	—
`onOpenChange`	`((open: boolean) => void)`	—
`className`	`string`	—

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