feat: update infoCard component with collapse function (#11)

* feat: update infoCard component with collapse function * feat: add responsiveBreakpoint value
Smile-SA · Jan 11, 2024 · 6b567b0 · 6b567b0
1 parent fafed97
commit 6b567b0
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/docs/components/01-info-card.mdx b/docs/components/01-info-card.mdx
@@ -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" \| "xl" ` | `"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`