Collapsible
Minimal hide/show container built on <details> without default markers.
This content can be collapsed and expanded.
It's useful for showing/hiding additional information.
Usage
import {Collapsible} from 'kinu';
<Collapsible open summary="Trigger">Hidden content</Collapsible>
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| Collapsible | Collapsible content | <details k="collapsible"> |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean |
— | Controls the open state of the details element. |
Notes
- Expose the open attribute for controlled usage.
- Great for FAQs when you want custom trigger markup.
_Source: src/components/collapsible/index.tsx