Skip to content

Commit

Permalink
feat: update infoCard component with collapse function
Browse files Browse the repository at this point in the history
  • Loading branch information
vapersmile committed Jan 4, 2024
1 parent fafed97 commit a297c1e
Showing 1 changed file with 12 additions and 10 deletions.
22 changes: 12 additions & 10 deletions docs/components/01-info-card.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,16 +20,18 @@

## Props

| Name | Type | Default | Description |
| ------------------- | --------------------------------- | ------------- | ----------------------------------------------------------------- |
| children | `ReactElement` | - | Content of the right section |
| content | `ReactElement` | - | Content at the bottom of the left section |
| contentItems | [`IContentItem[]`](#icontentitem) | `[]` | Array of content blocks, main content of the left section |
| title | `ReactElement` | - | Title of the card |
| motif | `ReactElement` | Default Motif | Background motif of the card |
| leftContainerStyle | `CSSProperties` | - | CSS style of the left section |
| rightContainerStyle | `CSSProperties` | - | CSS style of the right section |
| ... | - | - | extends [Paper props](https://v6.mantine.dev/core/paper/?t=props) |
| Name | Type | Default | Description |
| -------------------- | --------------------------------- | ------------- | ----------------------------------------------------------------- |
| children | `ReactElement` | - | Content of the right section |
| collapse | `Boolean` | `true` | Active or not collapse function |
| content | `ReactElement` | - | Content at the bottom of the left section |
| contentItems | [`IContentItem[]`](#icontentitem) | `[]` | Array of content blocks, main content of the left section |
| title | `ReactElement` | - | Title of the card |
| motif | `ReactElement` | Default Motif | Background motif of the card |
| leftContainerStyle | `CSSProperties` | - | CSS style of the left section |
| responsiveBreakpoint | `"xs" \| "sm" \| "md" \| "lg" ` | `"sm"` | Breackpoint of mobile display based from mantine theme |
| rightContainerStyle | `CSSProperties` | - | CSS style of the right section |
| ... | - | - | extends [Paper props](https://v6.mantine.dev/core/paper/?t=props) |

### `IContentItem`

Expand Down

0 comments on commit a297c1e

Please sign in to comment.