Collapsible

Expandable/collapsible section with animated height transition.

Default

Configure retry logic, timeout thresholds, and alert escalation paths.

{ "event": "alert.triggered", "severity": "high" }

import { Collapsible } from '@canarist/ui'

<Collapsible title="Advanced options">
  <p>Configure retry logic and timeout thresholds.</p>
</Collapsible>

<Collapsible title="Webhook payload" defaultOpen>
  <pre>{"event": "alert.triggered"}</pre>
</Collapsible>

Reference

Prop	Type	Default	Description
title	string	—	Trigger button text.
children	ReactNode	—	Content revealed when expanded.
defaultOpen	boolean	—	Whether the section starts expanded.
className	string	—	Additional CSS classes on the wrapper.