Skip to content

Commit b984c53

Browse files
mrholekmrholek
committed
Merge branch 'v4-dev' into v4
2 parents b954bc6 + 887ceec commit b984c53

File tree

287 files changed

+3914
-3062
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

287 files changed

+3914
-3062
lines changed

Diff for: ‎build/api.js

+25-8
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,18 @@ const options = {
2020
savePropValueAsString: true,
2121
}
2222

23-
async function createMdx(filename, name, props) {
23+
async function createMdx(file, filename, name, props) {
2424
if (typeof props === 'undefined') return
2525

26-
let content = `| Property | Description | Type | Default |\n`
26+
let content = `
27+
\`\`\`jsx
28+
import { ${name} } from '@coreui/react'
29+
// or
30+
import ${name} from '@coreui/react/${file.replace('.tsx', '')}'
31+
\`\`\`\n
32+
`
33+
34+
content += `| Property | Description | Type | Default |\n`
2735
content += `| --- | --- | --- | --- |\n`
2836

2937
for (const [key, value] of Object.entries(props).sort()) {
@@ -34,13 +42,22 @@ async function createMdx(filename, name, props) {
3442
const name = value.name || ''
3543
const description =
3644
value.description.replaceAll('\n', '<br/>').replaceAll(' [docs]', '') || '-'
37-
const type =
38-
value.type ? value.type.name.includes('ReactElement')
45+
const type = value.type
46+
? value.type.name.includes('ReactElement')
3947
? 'ReactElement'
40-
: value.type.name : ''
41-
const defaultValue = value.defaultValue ? value.defaultValue.value : '-'
48+
: value.type.name
49+
: ''
50+
const defaultValue = value.defaultValue
51+
? value.defaultValue.value.replace('undefined', '-')
52+
: '-'
53+
const types = []
54+
type.split(' | ').map((element) => {
55+
types.push(`\`${element.replace(/"/g, "'")}\``)
56+
})
4257

43-
content += `| **${name}** | ${description} | \`${type}\` | ${defaultValue} |\n`
58+
// content += `| **${name}** | ${description} | \`${type
59+
// .replace(/"/g, "'")\` | ${defaultValue} |\n`
60+
content += `| **${name}** | ${description} | ${types.join(' \\| ')} | ${defaultValue} |\n`
4461
console.log(`${filename} - ${key}`)
4562
}
4663
}
@@ -63,7 +80,7 @@ async function main() {
6380
const props = docgen.parse(file, options)
6481
if (props && typeof props[0] !== 'undefined') {
6582
const filename = path.basename(file, '.tsx')
66-
createMdx(filename, props[0].displayName, props[0].props)
83+
createMdx(file, filename, props[0].displayName, props[0].props)
6784
}
6885
}),
6986
)

Diff for: ‎docs/4.0/api/CAccordion.api.mdx

+8-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,13 @@
1+
2+
```jsx
3+
import { CAccordion } from '@coreui/react'
4+
// or
5+
import CAccordion from '@coreui/react/src/components/accordion/CAccordion'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
3-
| **activeItemKey** | The active item key. | `string | number` | undefined |
10+
| **activeItemKey** | The active item key. | `string` \| `number` | - |
411
| **alwaysOpen** | Make accordion items stay open when another item is opened | `boolean` | false |
512
| **className** | A string of all className you want applied to the base component. | `string` | - |
613
| **flush** | Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container. | `boolean` | - |

Diff for: ‎docs/4.0/api/CAccordionBody.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CAccordionBody } from '@coreui/react'
4+
// or
5+
import CAccordionBody from '@coreui/react/src/components/accordion/CAccordionBody'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

Diff for: ‎docs/4.0/api/CAccordionButton.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CAccordionButton } from '@coreui/react'
4+
// or
5+
import CAccordionButton from '@coreui/react/src/components/accordion/CAccordionButton'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

Diff for: ‎docs/4.0/api/CAccordionCollapse.api.mdx

+9
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,13 @@
1+
2+
```jsx
3+
import { CAccordionCollapse } from '@coreui/react'
4+
// or
5+
import CAccordionCollapse from '@coreui/react/src/components/accordion/CAccordionCollapse'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |
11+
| **onHide** | Callback fired when the component requests to be hidden. | `() => void` | - |
12+
| **onShow** | Callback fired when the component requests to be shown. | `() => void` | - |
413
| **visible** | Toggle the visibility of component. | `boolean` | - |

Diff for: ‎docs/4.0/api/CAccordionHeader.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CAccordionHeader } from '@coreui/react'
4+
// or
5+
import CAccordionHeader from '@coreui/react/src/components/accordion/CAccordionHeader'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

Diff for: ‎docs/4.0/api/CAccordionItem.api.mdx

+8-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,11 @@
1+
2+
```jsx
3+
import { CAccordionItem } from '@coreui/react'
4+
// or
5+
import CAccordionItem from '@coreui/react/src/components/accordion/CAccordionItem'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |
4-
| **itemKey** | Item key. | `string | number` | - |
11+
| **itemKey** | Item key. | `string` \| `number` | - |

Diff for: ‎docs/4.0/api/CAlert.api.mdx

+9-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,15 @@
1+
2+
```jsx
3+
import { CAlert } from '@coreui/react'
4+
// or
5+
import CAlert from '@coreui/react/src/components/alert/CAlert'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the component. | `string` | - |
4-
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `{'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string }` | primary |
11+
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | primary |
512
| **dismissible** | Optionally add a close button to alert and allow it to self dismiss. | `boolean` | - |
6-
| **onDismiss** | Method called before the dissmiss animation has started. | `() => void` | - |
7-
| **onDismissed** | Method called after the dissmiss animation has completed and the component is removed from the dom. | `() => void` | - |
13+
| **onClose** | Callback fired when the component requests to be closed. | `() => void` | - |
814
| **variant** | Set the alert variant to a solid. | `string` | - |
915
| **visible** | Toggle the visibility of component. | `boolean` | true |

Diff for: ‎docs/4.0/api/CAlertHeading.api.mdx

+8-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,11 @@
1+
2+
```jsx
3+
import { CAlertHeading } from '@coreui/react'
4+
// or
5+
import CAlertHeading from '@coreui/react/src/components/alert/CAlertHeading'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |
4-
| **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string | ComponentClass<any, any> | FunctionComponent<any>` | 'h4' |
11+
| **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string` \| `ComponentClass<any, any>` \| `FunctionComponent<any>` | - |

Diff for: ‎docs/4.0/api/CAlertLink.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CAlertLink } from '@coreui/react'
4+
// or
5+
import CAlertLink from '@coreui/react/src/components/alert/CAlertLink'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

Diff for: ‎docs/4.0/api/CAvatar.api.mdx

+11-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,16 @@
1+
2+
```jsx
3+
import { CAvatar } from '@coreui/react'
4+
// or
5+
import CAvatar from '@coreui/react/src/components/avatar/CAvatar'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the component. | `string` | - |
4-
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `{'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string}` | - |
5-
| **shape** | Select the shape of the component. | `{'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string}` | - |
11+
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
12+
| **shape** | Select the shape of the component. | `'rounded'` \| `'rounded-top'` \| `'rounded-end'` \| `'rounded-bottom'` \| `'rounded-start'` \| `'rounded-circle'` \| `'rounded-pill'` \| `'rounded-0'` \| `'rounded-1'` \| `'rounded-2'` \| `'rounded-3'` \| `string` | - |
613
| **size** | Size the component small, large, or extra large. | `string` | - |
714
| **src** | The src attribute for the img element. | `string` | - |
8-
| **status** | Sets the color context of the status indicator to one of CoreUI’s themed colors. | `{'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string}` | - |
9-
| **textColor** | Sets the text color of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string` | - |
15+
| **status** | Sets the color context of the status indicator to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
16+
| **textColor** | Sets the text color of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `'white'` \| `'muted'` \| `'high-emphasis'` \| `'medium-emphasis'` \| `'disabled'` \| `'high-emphasis-inverse'` \| `'medium-emphasis-inverse'` \| `'disabled-inverse'` \| `string` | - |

Diff for: ‎docs/4.0/api/CBackdrop.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CBackdrop } from '@coreui/react'
4+
// or
5+
import CBackdrop from '@coreui/react/src/components/backdrop/CBackdrop'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | modal-backdrop |

Diff for: ‎docs/4.0/api/CBadge.api.mdx

+12-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,16 @@
1+
2+
```jsx
3+
import { CBadge } from '@coreui/react'
4+
// or
5+
import CBadge from '@coreui/react/src/components/badge/CBadge'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the component. | `string` | - |
4-
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `{'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string}` | - |
5-
| **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string | ComponentClass<any, any> | FunctionComponent<any>` | 'span' |
6-
| **shape** | Select the shape of the component. | `'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string` | - |
11+
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
12+
| **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string` \| `ComponentClass<any, any>` \| `FunctionComponent<any>` | - |
13+
| **position** | Position badge in one of the corners of a link or button. | `'top-start'` \| `'top-end'` \| `'bottom-end'` \| `'bottom-start'` | - |
14+
| **shape** | Select the shape of the component. | `'rounded'` \| `'rounded-top'` \| `'rounded-end'` \| `'rounded-bottom'` \| `'rounded-start'` \| `'rounded-circle'` \| `'rounded-pill'` \| `'rounded-0'` \| `'rounded-1'` \| `'rounded-2'` \| `'rounded-3'` \| `string` | - |
715
| **size** | Size the component small. | `'sm'` | - |
8-
| **textColor** | Sets the text color of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string` | - |
16+
| **textColor** | Sets the text color of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `'white'` \| `'muted'` \| `'high-emphasis'` \| `'medium-emphasis'` \| `'disabled'` \| `'high-emphasis-inverse'` \| `'medium-emphasis-inverse'` \| `'disabled-inverse'` \| `string` | - |

Diff for: ‎docs/4.0/api/CBreadcrumb.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CBreadcrumb } from '@coreui/react'
4+
// or
5+
import CBreadcrumb from '@coreui/react/src/components/breadcrumb/CBreadcrumb'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the component. | `string` | - |

Diff for: ‎docs/4.0/api/CBreadcrumbItem.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CBreadcrumbItem } from '@coreui/react'
4+
// or
5+
import CBreadcrumbItem from '@coreui/react/src/components/breadcrumb/CBreadcrumbItem'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **active** | Toggle the active state for the component. | `boolean` | - |

Diff for: ‎docs/4.0/api/CButton.api.mdx

+13-6
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,20 @@
1+
2+
```jsx
3+
import { CButton } from '@coreui/react'
4+
// or
5+
import CButton from '@coreui/react/src/components/button/CButton'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **active** | Toggle the active state for the component. | `boolean` | - |
411
| **className** | A string of all className you want applied to the base component. | `string` | - |
5-
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string` | primary |
6-
| **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string | ComponentClass<any, any> | FunctionComponent<any>` | button |
12+
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | primary |
13+
| **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string` \| `ComponentClass<any, any>` \| `FunctionComponent<any>` | button |
714
| **disabled** | Toggle the disabled state for the component. | `boolean` | - |
815
| **href** | The href attribute specifies the URL of the page the link goes to. | `string` | - |
916
| **role** | The role attribute describes the role of an element in programs that can make use of it, such as screen readers or magnifiers. | `string` | - |
10-
| **shape** | Select the shape of the component. | `'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string` | - |
11-
| **size** | Size the component small or large. | `'sm' | 'lg'` | - |
12-
| **type** | Specifies the type of button. Always specify the type attribute for the `<button>` element.<br/>Different browsers may use different default types for the `<button>` element. | `'button' | 'submit' | 'reset'` | button |
13-
| **variant** | Set the button variant to an outlined button or a ghost button. | `"outline" | "ghost"` | - |
17+
| **shape** | Select the shape of the component. | `'rounded'` \| `'rounded-top'` \| `'rounded-end'` \| `'rounded-bottom'` \| `'rounded-start'` \| `'rounded-circle'` \| `'rounded-pill'` \| `'rounded-0'` \| `'rounded-1'` \| `'rounded-2'` \| `'rounded-3'` \| `string` | - |
18+
| **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |
19+
| **type** | Specifies the type of button. Always specify the type attribute for the `<button>` element.<br/>Different browsers may use different default types for the `<button>` element. | `'button'` \| `'submit'` \| `'reset'` | button |
20+
| **variant** | Set the button variant to an outlined button or a ghost button. | `'outline'` \| `'ghost'` | - |

Diff for: ‎docs/4.0/api/CButtonGroup.api.mdx

+8-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
1+
2+
```jsx
3+
import { CButtonGroup } from '@coreui/react'
4+
// or
5+
import CButtonGroup from '@coreui/react/src/components/button-group/CButtonGroup'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |
4-
| **size** | Size the component small or large. | `{'sm' | 'lg'}` | - |
11+
| **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |
512
| **vertical** | Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. | `boolean` | - |

Diff for: ‎docs/4.0/api/CButtonToolbar.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CButtonToolbar } from '@coreui/react'
4+
// or
5+
import CButtonToolbar from '@coreui/react/src/components/button-group/CButtonToolbar'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

Diff for: ‎docs/4.0/api/CCallout.api.mdx

+8-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,11 @@
1+
2+
```jsx
3+
import { CCallout } from '@coreui/react'
4+
// or
5+
import CCallout from '@coreui/react/src/components/callout/CCallout'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |
4-
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `{'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string}` | - |
11+
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |

Diff for: ‎docs/4.0/api/CCard.api.mdx

+9-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
1+
2+
```jsx
3+
import { CCard } from '@coreui/react'
4+
// or
5+
import CCard from '@coreui/react/src/components/card/CCard'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |
4-
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string` | - |
5-
| **textColor** | Sets the text color context of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string` | - |
11+
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
12+
| **textColor** | Sets the text color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `'white'` \| `'muted'` \| `'high-emphasis'` \| `'medium-emphasis'` \| `'disabled'` \| `'high-emphasis-inverse'` \| `'medium-emphasis-inverse'` \| `'disabled-inverse'` \| `string` | - |

Diff for: ‎docs/4.0/api/CCardBody.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CCardBody } from '@coreui/react'
4+
// or
5+
import CCardBody from '@coreui/react/src/components/card/CCardBody'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

Diff for: ‎docs/4.0/api/CCardFooter.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CCardFooter } from '@coreui/react'
4+
// or
5+
import CCardFooter from '@coreui/react/src/components/card/CCardFooter'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

Diff for: ‎docs/4.0/api/CCardGroup.api.mdx

+7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
1+
2+
```jsx
3+
import { CCardGroup } from '@coreui/react'
4+
// or
5+
import CCardGroup from '@coreui/react/src/components/card/CCardGroup'
6+
```
7+
18
| Property | Description | Type | Default |
29
| --- | --- | --- | --- |
310
| **className** | A string of all className you want applied to the base component. | `string` | - |

0 commit comments

Comments
 (0)