# Migration to v4

> Track and review changes to the CoreUI for Vue.js components to help you migrate from v3 to v4.

CoreUI for Vue is the Vue.js version of CoreUI components library, so before read this migration guide, please check also [CoreUI 3 to 4 migration guide](https://coreui.io/docs/migration/v4/).

## Components

### CAlert

- Deprecated property `fade`.
- Deprecated property `closeButton`, use `dismissible` instead of.
- Deprecated property `show`, use `visible` instead of.

### CBadge

- Deprecated property `tag`, use `component` instead of.

### CBreadcrumb

- Deprecated property `addClasses`.
- Deprecated property `addLinkClasses`.
- Deprecated property `addLastItemClasses`.
- Deprecated property `items`.

### CButton

- Deprecated property `block`.
- Deprecated property `pressed`.

### CCard

- Deprecated property `accentColor`, use utilities `class="border-top-{#color} border-top-3"` instead of.
- Deprecated property `align`.
- Deprecated property `bodyWrapper`.
- Deprecated property `borderColor`.
- Deprecated property `tag`.

#### CCardBody

- Deprecated property `align`.
- Deprecated property `color`.
- Deprecated property `borderColor`.
- Deprecated property `tag`.
- Deprecated property `textColor`.

#### CCardFooter

- Deprecated property `align`.
- Deprecated property `color`.
- Deprecated property `borderColor`.
- Deprecated property `tag`.
- Deprecated property `textColor`.

#### CCardGroup

- Deprecated property `columns`.
- Deprecated property `deck`.
- Deprecated property `tag`.

#### CCardHeader

- Deprecated property `align`.
- Deprecated property `color`.
- Deprecated property `borderColor`.
- Deprecated property `tag`, use `component` instead of.
- Deprecated property `textColor`.

#### CCardImg

- **Component renamed to `CCardImage`**
- Deprecated property `variant`, use `orientation` instead of.

#### CCardImgOverlay

- **Component renamed to `CCardImageOverlay`**
- Deprecated property `tag`.

#### CCardSubtitle

- Deprecated property `tag`, use `component` instead of.

#### CCardText

- Deprecated property `tag`, use `component` instead of.

#### CCardTitle

- Deprecated property `tag`, use `component` instead of.

### CCarousel

- Deprecated property `animate`.
- Deprecated property `arrows`, use `controls` instead of.
- Deprecated property `indicatorClasses`.
- Deprecated property `height`.

#### CCarouselControl

- Component is depracated, use `<CCarousel controls>` instead of. 

#### CCarouselIndicators

- Component is depracated, use `<CCarousel indicators>` instead of. 

#### CCarouselInner

- Component is depracated. 

### CCollapse

- Deprecated property `duration`.
- Deprecated property `navbar`.
- Deprecated property `transition`.
- Deprecated property `show`, use `visible` instead of.

### CDropdown

- Deprecated property `addMenuClasses`.
- Deprecated property `addTogglerClasses`.
- Deprecated property `caret`.
- Deprecated property `color`.
- Deprecated property `inNav`, use `variant="nav-item"` instead of.
- Deprecated property `togglerText`.
- Deprecated property `show`, use `visible` instead of.
- Deprecated property `size`.
- Deprecated property `split`.

#### CDropdownHeader

- Deprecated property `tag`, use `component` instead of.

### CEmbed

- Component is depracated.

### CFade

- Component is depracated.

### CHeader

- Deprecated property `withSubheader`.
- Deprecated component `CHeaderNavItem`, use `CNavItem` instead of.
- Deprecated component `CHeaderNavLink`, use `CNavLink` instead of.

### CImg

- **Component renamed to `CImage`**
- Deprecated property `block`.
- Deprecated property `fluidGrow`.
- Deprecated property `placeholderColor`.
- Deprecated property `shape`.
- Deprecated property `tag`.

### CJumbotron

- Component is depracated.

### CListGroup

- Deprecated property `horizontal`, use `layout` instead of.
- Deprecated property `tag`, use `component` instead of.

#### CListGroupItem

- Deprecated property `accent`.
- Deprecated property `action`, use property `component="a"` or `component="button"` instead of. 
- Deprecated property `tag`, use `component` instead of.

### CMedia

- Component is depracated.

### CModal

- Deprecated property `addContentClass`.
- Deprecated property `borderColor`, use utilities `class="border border-{#color}"` instead of.
- Deprecated property `centered`.
- Deprecated property `closeOnBackdrop`.
- Deprecated property `fade`, use `transition` instead of.
- Deprecated property `onClosed`.
- Deprecated property `onOpened`.
- Deprecated property `show`, use `visible` instead of.

#### CModalBody

- Deprecated property `tag`.

#### CModalFooter

- Deprecated property `tag`.

#### CModalHeader

- Deprecated property `tag`.

### CNav

- Deprecated property `inCard`.
- Deprecated property `fill`, use `layout="fill"` instead of.
- Deprecated property `justified`, use `layout="justified"` instead of.

#### CNavItem

- Deprecated property `default`.

### CNavbar

- Deprecated property `expandable`, use `expand` instead of.
- Deprecated property `fixed`, use `placement="fixed-top"` instead of.
- Deprecated property `light`, use `colorScheme="light"` instead of.
- Deprecated property `sticky`, use `placement="sticky-top"` instead of.
- Deprecated property `tag`, use `component` instead of.

#### CNavbarNav

- Deprecated property `tag`, use `component` instead of.

#### CNavbarText

- Deprecated property `tag`, use `component` instead of.

### CPagination

- **The component has been split into `CPagination` and to `CSmartPagination` components.

### CPopover

- Deprecated property `header`, use `title` instead of.

### CProgress

- Deprecated property `max`.
- Deprecated property `precision`.
- Deprecated property `showPercentage`.
- Deprecated property `showValue`.
- Deprecated property `size`, use `height` instead of.
- Deprecated property `striped`, use `variant="striped"` instead of.

### CProgressBar

- Deprecated property `max`.
- Deprecated property `precision`.
- Deprecated property `showPercentage`.
- Deprecated property `showValue`.
- Deprecated property `size`, use `height` instead of.
- Deprecated property `striped`, use `variant="striped"` instead of.

### CSidebar
- Deprecated property `minimize` use `narrow` instead of.
- Deprecated property `dropdownMode`.
- Deprecated component `CSidebarForm`, use `CForm` instead of.
- Deprecated component `CSidebarNavDivider`, use `CNavDivider` instead of.
- Deprecated component `CSidebarNavDropdown`, use `CNavGroup` instead of.
- Deprecated component `CSidebarNavLink`, use `CNavLink` instead of.
- Deprecated component `CSidebarNavItem`, use `CNavItem` instead of.
- Deprecated component `CSidebarNavTitile`, use `CNavTitle` instead of.

### CSwitch

- Component is depracated, use `CFormSwitch` instead of.

### CSpinner

- Deprecated property `grow`, use `variant="grow"` instead of.
- Deprecated property `tag`, use `component` instead of.

### CTabs

- Component is depracated, use `<CNav variant="tabs" role="tablist">` instead of

#### CTabContent

- Deprecated property `fade`.

#### CTabPane

- Deprecated property `active`, use `visible` instead of.

### CToast

- Deprecated property `fade`, use `animation` instead of.
- Deprecated property `show`, use `visible` instead of.
- Deprecated property `onStateChange`.

#### CToastBody

#### CToastHeader

### CToggler

- Component is depracated.

### CTooltip

- Deprecated property `interactive`.
- Deprecated property `advancedOptions`.

## Forms

### CFormGroup

- Component is depracated.

### CInput

- **Component renamed to `CFormInput`**
- Deprecated property `plaintext`, use `plain-text` instead of.

### CInputCheckbox

- Component is depracated, use `<CFormCheck>` instead of.

### CInputFile

- Component is depracated, use `<CFormInput type="file">` instead of.

### CInputRadio

- Component is depracated, use `<CFormCheck type="radio">` instead of.

### CInputGroup

#### CInputGroupAddon

- Component is depracated, use `CInputGroupText` instead of.

### CSelect

- Component is depracated, use `<CFormSelect>` instead of.

### CValidFeedback

- Component is depracated, use `<CFormFeedback valid>` instead of.

### CInvalidFeedback

- Component is depracated, use `<CCFormFeedback invalid>` instead of.

## Layout

### CContainer

- Deprecated property `tag`.

### CCol

- Deprecated property `tag`.
- Deprecated property `width`, use `xs`, `sm`, `md`, `lg`, `xl`, `xxl`.

### CRow

- Deprecated property `alignHorizontal`.
- Deprecated property `alignVertical`.
- Deprecated property `form`.
- Deprecated property `gutters`.
- Deprecated property `tag`.
- Deprecated property `width`, use `xs`, `sm`, `md`, `lg`, `xl`, `xxl`.