Migration to v4

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

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

Components#

CAlert#

• Deprecated propertyinnerRef.
• Deprecated propertyfade.
• Deprecated propertyonShowChange.
• Deprecated propertycloseButton, usedismissible instead of.
• Deprecated propertyshow, usevisible instead of.

CBadge#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CBreadcrumb#

• Deprecated propertyinnerRef.

CBreadcrumbItem#

• Deprecated propertyinnerRef.

CButton#

• Deprecated propertyblock.
• Deprecated propertyinnerRef.
• Deprecated propertypressed.
• Deprecated propertytag, usecomponent instead of.

CCallout#

• Deprecated propertyinnerRef.

CCard#

• Deprecated propertyinnerRef.
• Deprecated propertyaccentColor, use utilitiesclassName="border-top-{#color} border-top-3" instead of.

CCardBody#

• Deprecated propertyinnerRef.

CCardFooter#

• Deprecated propertyinnerRef.

CCardGroup#

• Deprecated propertycolumns.
• Deprecated propertydeck.
• Deprecated propertyinnerRef.

CCardHeader#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CCardImg#

• Component renamed toCCardImg
• Deprecated propertyvariant, useorientation instead of.

CCardImgOverlay#

• Component renamed toCCardImgOverlay
• Deprecated propertyinnerRef.
• Deprecated propertytag.

CCardSubtitle#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CCardText#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CCardTitle#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CCarousel#

• Deprecated propertyautoSlide.
• Deprecated propertyinnerRef.
• Deprecated propertyactiveIndex, useindex 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 propertyinnerRef.
• Deprecated propertynavbar.
• Deprecated propertyshow, usevisible instead of.

CCreateElement#

• Component is depracated.

CDropdown#

• Deprecated propertyinnerRef.
• Deprecated propertyinNav, usevariant="nav-item" instead of.
• Deprecated propertytag, usecomponent instead of.

CDropdownitem#

• Deprecated propertycolor.
• Deprecated propertydivider.
• Deprecated propertyinnerRef.
• Deprecated propertyheader.
• Deprecated propertyonClick.
• Deprecated propertytag, usecomponent instead of.

CDropdownMenu#

• Deprecated propertyinnerRef.
• Deprecated propertymodifiers.
• Deprecated propertyplacement , use<CDropdown placement="..."> instead of.
• Deprecated propertyshow , use<CDropdown visible> instead of.

CDropdownToggle#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CEmbed#

• Component is depracated.

CFade#

• Component is depracated.

CHeader#

• Deprecated propertywithSubheader.
• Deprecated componentCHeaderNavItem, useCNavItem instead of.
• Deprecated componentCHeaderNavLink, useCNavLink instead of.

CImg#

• Component renamed toCImage
• Deprecated propertyblock.
• Deprecated propertyinnerRef.
• Deprecated propertyfluidGrow.
• Deprecated propertyplaceholderColor.
• Deprecated propertyshape.
• Deprecated propertytag.

CJumbotron#

• Component is depracated.

CListGroup#

• Deprecated propertyaccent.
• Deprecated propertyhorizontal, uselayout instead of.
• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CListGroupItem#

• Deprecated propertyaccent.
• Deprecated propertyaction, use propertycomponent="a" orcomponent="button" instead of.
• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CMedia#

• Component is depracated.

CModal#

• Deprecated propertyaddContentClass.
• Deprecated propertyborderColor, use utilitiesclassName="border border-{#color}" instead of.
• Deprecated propertycentered.
• Deprecated propertycloseOnBackdrop.
• Deprecated propertyfade, usetransition instead of.
• Deprecated propertyinnerRef.
• Deprecated propertyonClosed.
• Deprecated propertyonOpened.
• Deprecated propertyshow, usevisible instead of.

CModalBody#

• Deprecated propertyinnerRef.
• Deprecated propertytag.

CModalFooter#

• Deprecated propertyinnerRef.
• Deprecated propertytag.

CModalHeader#

• Deprecated propertyinnerRef.
• Deprecated propertytag.

CNav#

• Deprecated propertyinCard.
• Deprecated propertyinnerRef.
• Deprecated propertyfill, uselayout="fill" instead of.
• Deprecated propertyjustified, uselayout="justified" instead of.
• Deprecated propertytag, usecomponent instead of.

CNavItem#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CNavLink#

• Deprecated propertyinnerRef.

CNavbar#

• Deprecated propertyexpandable, useexpand instead of.
• Deprecated propertyfixed, useplacement="fixed-top" instead of.
• Deprecated propertyinnerRef.
• Deprecated propertylight, usecolorScheme="light" instead of.
• Deprecated propertysticky, useplacement="sticky-top" instead of.
• Deprecated propertytag, usecomponent instead of.

CNavbarNav#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CNavbarText#

• Deprecated propertyinnerRef.
• Deprecated propertytag, usecomponent instead of.

CPagination#

• **The component has been split intoCPagination and toCSmartPagination components.

CPopover#

• Deprecated propertyheader, usetitle instead of.

CProgress#

• Deprecated propertyinnerRef.
• Deprecated propertymax.
• Deprecated propertyprecision.
• Deprecated propertyshowPercentage.
• Deprecated propertyshowValue.
• Deprecated propertysize, useheight instead of.
• Deprecated propertystriped, usevariant="striped" instead of.

CProgressBar#

• Deprecated propertyinnerRef.
• Deprecated propertymax.
• Deprecated propertyprecision.
• Deprecated propertyshowPercentage.
• Deprecated propertyshowValue.
• Deprecated propertysize, useheight instead of.
• Deprecated propertystriped, usevariant="striped" instead of.

CSidebar#

• Deprecated propertyminimize usenarrow instead of.
• Deprecated propertydropdownMode.
• Deprecated componentCSidebarForm, useCForm instead of.
• Deprecated componentCSidebarNavDivider, useCNavDivider instead of.
• Deprecated componentCSidebarNavDropdown, useCNavGroup instead of.
• Deprecated componentCSidebarNavLink, useCNavLink instead of.
• Deprecated componentCSidebarNavItem, useCNavItem instead of.
• Deprecated componentCSidebarNavTitile, useCNavTitle instead of.

CSwitch#

• Component is depracated, useCFormSwitch instead of.

CSpinner#

• Deprecated propertyinnerRef.
• Deprecated propertygrow, usevariant="grow" instead of.
• Deprecated propertytag, usecomponent instead of.

CTabs#

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

CTabContent#

• Deprecated propertyinnerRef.
• Deprecated propertyfade.

CTabPane#

• Deprecated propertyactive, usevisible instead of.
• Deprecated propertyinnerRef.

CToast#

• Deprecated propertyinnerRef.
• Deprecated propertyfade, useanimation instead of.
• Deprecated propertyshow, usevisible instead of.
• Deprecated propertyonStateChange.

CToastBody#

• Deprecated propertyinnerRef.

CToastHeader#

• Deprecated propertyinnerRef.

CToggler#

• Component is depracated.

CTooltip#

• Deprecated propertyinteractive.
• Deprecated propertyadvancedOptions.

Forms#

CFormGroup#

• Component is depracated.

CInput#

• Component renamed toCFormInput
• Deprecated propertyplaintext, useplainText 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 propertyinnerRef.

CInputGroupAddon#

• Component is depracated, useCInputGroupText 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 propertytag.
• Deprecated propertyinnerRef.

CCol#

• Deprecated propertytag.
• Deprecated propertywidth, usexs,sm,md,lg,xl,xxl.

CRow#

• Deprecated propertyalignHorizontal.
• Deprecated propertyalignVertical.
• Deprecated propertyform.
• Deprecated propertygutters.
• Deprecated propertytag.
• Deprecated propertywidth, usexs,sm,md,lg,xl,xxl.