# Disclosure (/popups/disclosure)





<ComponentPreview name="disclosure-preskok-demo" description="A group of disclosures with triggers and panels." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/disclosure
```

## Usage [#usage]

```tsx
import {
  Disclosure,
  DisclosureGroup,
  DisclosurePanel,
  DisclosureTrigger,
} from "@/components/ui/preskok-ui/disclosure"

export function Example() {
  return (
    <DisclosureGroup>
      <Disclosure>
        <DisclosureTrigger>Section</DisclosureTrigger>
        <DisclosurePanel>Content</DisclosurePanel>
      </Disclosure>
    </DisclosureGroup>
  )
}
```

## Components [#components]

* **DisclosureGroup**, **Disclosure**, **DisclosureTrigger**, **DisclosurePanel**