|
| 1 | +--- |
| 2 | +name: Migration to v5 |
| 3 | +description: Track and review changes to the CoreUI for Vue.js components to help you migrate from v4 to v5. |
| 4 | +--- |
| 5 | + |
| 6 | +CoreUI for Vue is the Vue.js version of CoreUI components library, so before read this migration guide, please check also [CoreUI 4 to 5 migration guide](https://coreui.io/docs/migration/v5/). |
| 7 | + |
| 8 | +## Components |
| 9 | + |
| 10 | +### CAvatar |
| 11 | + |
| 12 | +- Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`. |
| 13 | +- New `textColor` values: `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`. |
| 14 | + |
| 15 | +### CBadge |
| 16 | + |
| 17 | +- Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`. |
| 18 | +- New `textColor` values: `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`. |
| 19 | + |
| 20 | +### CCard |
| 21 | + |
| 22 | +- Deprecated `textColor` values: `muted`, `high-emphasis`, `medium-emphasis`, `disabled`, `high-emphasis-inverse`, `medium-emphasis-inverse`, `disabled-inverse`. |
| 23 | +- New `textColor` values: `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`. |
| 24 | + |
| 25 | +### CCloseButton |
| 26 | + |
| 27 | +- Deprecated property `white`, use `dark` instead of. |
| 28 | + |
| 29 | +### CNav |
| 30 | + |
| 31 | +- The `underline` variant has been changed to `underline-border` |
| 32 | + |
| 33 | +### CSidebar |
| 34 | + |
| 35 | +- Sidebar has a light color scheme by default, use `colorScheme="dark"` to make it dark. |
| 36 | + |
| 37 | +### CToastClose |
| 38 | + |
| 39 | +- Deprecated property `white`, use `dark` instead of. |
0 commit comments