@paprika/collapsible-card
Description
Styled collapsible card component.
Installation
yarn add @paprika/collapsible-card
or with npm:
npm install @paprika/collapsible-card
Props
CollapsibleCard
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| children | node | false | null | |
| initialIsCollapsed | bool | false | true | |
| isCollapsed | bool | false | null | |
| isEditing | bool | false | false | |
| onToggleIsCollapsed | func | false | () => {} | |
| position | string | false | null |
CollapsibleCard.Body
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| children | node | false | null |
Group
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| children | node | false | null |
CollapsibleCard.Header
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| breakpoint | number | false | 800 | |
| children | node | false | null | |
| onChangeIsBroken | func | false | () => {} |
CollapsibleCard.HeaderLayout
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| children | node | false | null |
CollapsibleCard.Segment
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| children | node | false | null | |
| width | number | false | null |