Framework:
Hire UsGet CoreUI PRO all-access →

Migration to v4

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

On this page

CoreUI for React is the React.js version of CoreUI components library, so before read this migration guide, please check also CoreUI 3 to 4 migration guide.

Components#

CAlert#

  • Deprecated property innerRef.
  • Deprecated property fade.
  • Deprecated property onShowChange.
  • Deprecated property closeButton, use dismissible instead of.
  • Deprecated property show, use visible instead of.

CBadge#

  • Deprecated property innerRef.
  • Deprecated property tag, use component instead of.

CBreadcrumb#

  • Deprecated property innerRef.

CBreadcrumbItem#

  • Deprecated property innerRef.

CButton#

  • Deprecated property block.
  • Deprecated property innerRef.
  • Deprecated property pressed.
  • Deprecated property tag, use component instead of.

CCallout#

  • Deprecated property innerRef.

CCard#

  • Deprecated property innerRef.
  • Deprecated property accentColor, use utilities className="border-top-{#color} border-top-3" instead of.

CCardBody#

  • Deprecated property innerRef.

CCardFooter#

  • Deprecated property innerRef.

CCardGroup#

  • Deprecated property columns.
  • Deprecated property deck.
  • Deprecated property innerRef.

CCardHeader#

  • Deprecated property innerRef.
  • Deprecated property tag, use component instead of.

CCardImg#

  • Component renamed to CCardImg
  • Deprecated property variant, use orientation instead of.

CCardImgOverlay#

  • Component renamed to CCardImgOverlay
  • Deprecated property innerRef.
  • Deprecated property tag.

CCardSubtitle#

  • Deprecated property innerRef.
  • Deprecated property tag, use component instead of.

CCardText#

  • Deprecated property innerRef.
  • Deprecated property tag, use component instead of.

CCardTitle#

  • Deprecated property innerRef.
  • Deprecated property tag, use component instead of.

CCarousel#

  • Deprecated property autoSlide.
  • Deprecated property innerRef.
  • Deprecated property activeIndex, use index instead of.

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 innerRef.
  • Deprecated property navbar.
  • Deprecated property show, use visible instead of.

CCreateElement#

  • Component is depracated.

CDropdown#

  • Deprecated property innerRef.
  • Deprecated property inNav, use variant="nav-item" instead of.
  • Deprecated property tag, use component instead of.

CDropdownitem#

  • Deprecated property color.
  • Deprecated property divider.
  • Deprecated property innerRef.
  • Deprecated property header.
  • Deprecated property onClick.
  • Deprecated property tag, use component instead of.

CDropdownMenu#

  • Deprecated property innerRef.
  • Deprecated property modifiers.
  • Deprecated property placement , use <CDropdown placement="..."> instead of.
  • Deprecated property show , use <CDropdown visible> instead of.

CDropdownToggle#

  • Deprecated property innerRef.
  • 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 innerRef.
  • Deprecated property fluidGrow.
  • Deprecated property placeholderColor.
  • Deprecated property shape.
  • Deprecated property tag.

CJumbotron#

  • Component is depracated.

CListGroup#

  • Deprecated property accent.
  • Deprecated property horizontal, use layout instead of.
  • Deprecated property innerRef.
  • 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 innerRef.
  • Deprecated property tag, use component instead of.

CMedia#

  • Component is depracated.

CModal#

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

CModalBody#

  • Deprecated property innerRef.
  • Deprecated property tag.

CModalFooter#

  • Deprecated property innerRef.
  • Deprecated property tag.

CModalHeader#

  • Deprecated property innerRef.
  • Deprecated property tag.

CNav#

  • Deprecated property inCard.
  • Deprecated property innerRef.
  • Deprecated property fill, use layout="fill" instead of.
  • Deprecated property justified, use layout="justified" instead of.
  • Deprecated property tag, use component instead of.

CNavItem#

  • Deprecated property innerRef.
  • Deprecated property tag, use component instead of.
  • Deprecated property innerRef.

CNavbar#

  • Deprecated property expandable, use expand instead of.
  • Deprecated property fixed, use placement="fixed-top" instead of.
  • Deprecated property innerRef.
  • 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 innerRef.
  • Deprecated property tag, use component instead of.

CNavbarText#

  • Deprecated property innerRef.
  • 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 innerRef.
  • 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 innerRef.
  • 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 innerRef.
  • 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 innerRef.
  • Deprecated property fade.

CTabPane#

  • Deprecated property active, use visible instead of.
  • Deprecated property innerRef.

CToast#

  • Deprecated property innerRef.
  • Deprecated property fade, use animation instead of.
  • Deprecated property show, use visible instead of.
  • Deprecated property onStateChange.

CToastBody#

  • Deprecated property innerRef.

CToastHeader#

  • Deprecated property innerRef.

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 plainText 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#

  • Deprecated property innerRef.

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.
  • Deprecated property innerRef.

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.
GitHubTwitterCoreUI (Vanilla)CoreUI for AngularCoreUI for Vue.js

CoreUI for React is Open Source UI Components Library for React.js.

CoreUI code licensed MIT, docs CC BY 3.0. CoreUI PRO requires a commercial license.