You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
Copy file name to clipboardExpand all lines: packages/coreui-vue/src/components/card/CCard.ts
+1-1
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,7 @@ const CCard = defineComponent({
15
15
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
* Appends the vue dropdown menu to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
|**as**| Component used for the root node. Either a string to use a HTML element or a component. | string | - | 'span' |
14
-
|**color**| Sets the color context of the component to one of CoreUI’s themed colors. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`| - |
15
-
|**position**| Position badge in one of the corners of a link or button. | string |`'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`| - |
16
-
|**shape**| Select the shape of the component. | string |`'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`| - |
17
-
|**size**| Size the component small. | string |`'sm'`| - |
18
-
|**text-bg-color** <br><divclass="badge bg-primary">5.0.0-rc.3+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`| - |
19
-
|**text-color**| Sets the text color of the component to one of CoreUI’s themed colors. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'`| - |
11
+
| Prop name | Description | Type | Values | Default |
|**as**| Component used for the root node. Either a string to use a HTML element or a component. | string | - | 'span' |
14
+
|**color**| Sets the color context of the component to one of CoreUI’s themed colors. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`| - |
15
+
|**position**| Position badge in one of the corners of a link or button. | string |`'top-start'`, `'top-end'`, `'bottom-end'`, `'bottom-start'`| - |
16
+
|**shape**| Select the shape of the component. | string |`'rounded'`, `'rounded-top'`, `'rounded-end'`, `'rounded-bottom'`, `'rounded-start'`, `'rounded-circle'`, `'rounded-pill'`, `'rounded-0'`, `'rounded-1'`, `'rounded-2'`, `'rounded-3'`| - |
17
+
|**size**| Size the component small. | string |`'sm'`| - |
18
+
|**text-bg-color** <br><divclass="badge bg-primary">5.0.0+</div> | Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`| - |
19
+
|**text-color**| Sets the text color of the component to one of CoreUI’s themed colors. | string |`'primary'`, `'secondary'`, `'success'`, `'danger'`, `'warning'`, `'info'`, `'dark'`, `'light'`, `'primary-emphasis'`, `'secondary-emphasis'`, `'success-emphasis'`, `'danger-emphasis'`, `'warning-emphasis'`, `'info-emphasis'`, `'light-emphasis'`, `'body'`, `'body-emphasis'`, `'body-secondary'`, `'body-tertiary'`, `'black'`, `'black-50'`, `'white'`, `'white-50'`| - |
0 commit comments