Skip to content

Commit 744bee2

Browse files
committed
docs: add migration guide
1 parent f8987e1 commit 744bee2

File tree

1 file changed

+365
-0
lines changed
  • packages/docs/migration

1 file changed

+365
-0
lines changed

packages/docs/migration/v4.md

Lines changed: 365 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,365 @@
1+
---
2+
name: Migration to v4
3+
description: Track and review changes to the CoreUI for Vue.js components to help you migrate from v3 to v4.
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 3 to 4 migration guide](https://coreui.io/docs/4.0/migration/).
7+
8+
## Components
9+
10+
### CAlert
11+
12+
- Deprecated property `fade`.
13+
- Deprecated property `closeButton`, use `dismissible` instead of.
14+
- Deprecated property `show`, use `visible` instead of.
15+
16+
### CBadge
17+
18+
- Deprecated property `tag`, use `component` instead of.
19+
20+
### CBreadcrumb
21+
22+
- Deprecated property `addClasses`.
23+
- Deprecated property `addLinkClasses`.
24+
- Deprecated property `addLastItemClasses`.
25+
- Deprecated property `items`.
26+
27+
### CButton
28+
29+
- Deprecated property `block`.
30+
- Deprecated property `pressed`.
31+
32+
### CCard
33+
34+
- Deprecated property `accentColor`, use utilities `class="border-top-{#color} border-top-3"` instead of.
35+
- Deprecated property `align`.
36+
- Deprecated property `bodyWrapper`.
37+
- Deprecated property `borderColor`.
38+
- Deprecated property `tag`.
39+
40+
#### CCardBody
41+
42+
- Deprecated property `align`.
43+
- Deprecated property `color`.
44+
- Deprecated property `borderColor`.
45+
- Deprecated property `tag`.
46+
- Deprecated property `textColor`.
47+
48+
#### CCardFooter
49+
50+
- Deprecated property `align`.
51+
- Deprecated property `color`.
52+
- Deprecated property `borderColor`.
53+
- Deprecated property `tag`.
54+
- Deprecated property `textColor`.
55+
56+
#### CCardGroup
57+
58+
- Deprecated property `columns`.
59+
- Deprecated property `deck`.
60+
- Deprecated property `tag`.
61+
62+
#### CCardHeader
63+
64+
- Deprecated property `align`.
65+
- Deprecated property `color`.
66+
- Deprecated property `borderColor`.
67+
- Deprecated property `tag`, use `component` instead of.
68+
- Deprecated property `textColor`.
69+
70+
#### CCardImg
71+
72+
- **Component renamed to `CCardImage`**
73+
- Deprecated property `variant`, use `orientation` instead of.
74+
75+
#### CCardImgOverlay
76+
77+
- **Component renamed to `CCardImageOverlay`**
78+
- Deprecated property `tag`.
79+
80+
#### CCardSubtitle
81+
82+
- Deprecated property `tag`, use `component` instead of.
83+
84+
#### CCardText
85+
86+
- Deprecated property `tag`, use `component` instead of.
87+
88+
#### CCardTitle
89+
90+
- Deprecated property `tag`, use `component` instead of.
91+
92+
### CCarousel
93+
94+
- Deprecated property `animate`.
95+
- Deprecated property `arrows`, use `controls` instead of.
96+
- Deprecated property `indicatorClasses`.
97+
- Deprecated property `height`.
98+
99+
#### CCarouselControl
100+
101+
- Component is depracated, use `<CCarousel controls>` instead of.
102+
103+
#### CCarouselIndicators
104+
105+
- Component is depracated, use `<CCarousel indicators>` instead of.
106+
107+
#### CCarouselInner
108+
109+
- Component is depracated.
110+
111+
### CCollapse
112+
113+
- Deprecated property `duration`.
114+
- Deprecated property `navbar`.
115+
- Deprecated property `transition`.
116+
- Deprecated property `show`, use `visible` instead of.
117+
118+
### CDropdown
119+
120+
- Deprecated property `addMenuClasses`.
121+
- Deprecated property `addTogglerClasses`.
122+
- Deprecated property `caret`.
123+
- Deprecated property `color`.
124+
- Deprecated property `inNav`, use `variant="nav-item"` instead of.
125+
- Deprecated property `togglerText`.
126+
- Deprecated property `show`, use `visible` instead of.
127+
- Deprecated property `size`.
128+
- Deprecated property `split`.
129+
130+
#### CDropdownHeader
131+
132+
- Deprecated property `tag`, use `component` instead of.
133+
134+
### CEmbed
135+
136+
- Component is depracated.
137+
138+
### CFade
139+
140+
- Component is depracated.
141+
142+
### CHeader
143+
144+
- Deprecated property `withSubheader`.
145+
- Deprecated component `CHeaderNavItem`, use `CNavItem` instead of.
146+
- Deprecated component `CHeaderNavLink`, use `CNavLink` instead of.
147+
148+
### CImg
149+
150+
- **Component renamed to `CImage`**
151+
- Deprecated property `block`.
152+
- Deprecated property `fluidGrow`.
153+
- Deprecated property `placeholderColor`.
154+
- Deprecated property `shape`.
155+
- Deprecated property `tag`.
156+
157+
### CJumbotron
158+
159+
- Component is depracated.
160+
161+
### CListGroup
162+
163+
- Deprecated property `horizontal`, use `layout` instead of.
164+
- Deprecated property `tag`, use `component` instead of.
165+
166+
#### CListGroupItem
167+
168+
- Deprecated property `accent`.
169+
- Deprecated property `action`, use property `component="a"` or `component="button"` instead of.
170+
- Deprecated property `tag`, use `component` instead of.
171+
172+
### CMedia
173+
174+
- Component is depracated.
175+
176+
### CModal
177+
178+
- Deprecated property `addContentClass`.
179+
- Deprecated property `borderColor`, use utilities `class="border border-{#color}"` instead of.
180+
- Deprecated property `centered`.
181+
- Deprecated property `closeOnBackdrop`.
182+
- Deprecated property `fade`, use `transition` instead of.
183+
- Deprecated property `onClosed`.
184+
- Deprecated property `onOpened`.
185+
- Deprecated property `show`, use `visible` instead of.
186+
187+
#### CModalBody
188+
189+
- Deprecated property `tag`.
190+
191+
#### CModalFooter
192+
193+
- Deprecated property `tag`.
194+
195+
#### CModalHeader
196+
197+
- Deprecated property `tag`.
198+
199+
### CNav
200+
201+
- Deprecated property `inCard`.
202+
- Deprecated property `fill`, use `layout="fill"` instead of.
203+
- Deprecated property `justified`, use `layout="justified"` instead of.
204+
205+
#### CNavItem
206+
207+
- Deprecated property `default`.
208+
209+
### CNavbar
210+
211+
- Deprecated property `expandable`, use `expand` instead of.
212+
- Deprecated property `fixed`, use `placement="fixed-top"` instead of.
213+
- Deprecated property `light`, use `colorScheme="light"` instead of.
214+
- Deprecated property `sticky`, use `placement="sticky-top"` instead of.
215+
- Deprecated property `tag`, use `component` instead of.
216+
217+
#### CNavbarNav
218+
219+
- Deprecated property `tag`, use `component` instead of.
220+
221+
#### CNavbarText
222+
223+
- Deprecated property `tag`, use `component` instead of.
224+
225+
### CPagination
226+
227+
- **The component has been split into `CPagination` and to `CSmartPagination` components.
228+
229+
### CPopover
230+
231+
- Deprecated property `header`, use `title` instead of.
232+
233+
### CProgress
234+
235+
- Deprecated property `max`.
236+
- Deprecated property `precision`.
237+
- Deprecated property `showPercentage`.
238+
- Deprecated property `showValue`.
239+
- Deprecated property `size`, use `height` instead of.
240+
- Deprecated property `striped`, use `variant="striped"` instead of.
241+
242+
### CProgressBar
243+
244+
- Deprecated property `max`.
245+
- Deprecated property `precision`.
246+
- Deprecated property `showPercentage`.
247+
- Deprecated property `showValue`.
248+
- Deprecated property `size`, use `height` instead of.
249+
- Deprecated property `striped`, use `variant="striped"` instead of.
250+
251+
### CSidebar
252+
- Deprecated property `minimize` use `narrow` instead of.
253+
- Deprecated property `dropdownMode`.
254+
- Deprecated component `CSidebarForm`, use `CForm` instead of.
255+
- Deprecated component `CSidebarNavDivider`, use `CNavDivider` instead of.
256+
- Deprecated component `CSidebarNavDropdown`, use `CNavGroup` instead of.
257+
- Deprecated component `CSidebarNavLink`, use `CNavLink` instead of.
258+
- Deprecated component `CSidebarNavItem`, use `CNavItem` instead of.
259+
- Deprecated component `CSidebarNavTitile`, use `CNavTitle` instead of.
260+
261+
### CSwitch
262+
263+
- Component is depracated, use `CFormSwitch` instead of.
264+
265+
### CSpinner
266+
267+
- Deprecated property `grow`, use `variant="grow"` instead of.
268+
- Deprecated property `tag`, use `component` instead of.
269+
270+
### CTabs
271+
272+
- Component is depracated, use `<CNav variant="tabs" role="tablist">` instead of
273+
274+
#### CTabContent
275+
276+
- Deprecated property `fade`.
277+
278+
#### CTabPane
279+
280+
- Deprecated property `active`, use `visible` instead of.
281+
282+
### CToast
283+
284+
- Deprecated property `fade`, use `animation` instead of.
285+
- Deprecated property `show`, use `visible` instead of.
286+
- Deprecated property `onStateChange`.
287+
288+
#### CToastBody
289+
290+
291+
#### CToastHeader
292+
293+
294+
295+
### CToggler
296+
297+
- Component is depracated.
298+
299+
### CTooltip
300+
301+
- Deprecated property `interactive`.
302+
- Deprecated property `advancedOptions`.
303+
304+
305+
## Forms
306+
307+
### CFormGroup
308+
309+
- Component is depracated.
310+
311+
### CInput
312+
313+
- **Component renamed to `CFormInput`**
314+
- Deprecated property `plaintext`, use `plainText` instead of.
315+
316+
### CInputCheckbox
317+
318+
- Component is depracated, use `<CFormCheck>` instead of.
319+
320+
### CInputFile
321+
322+
- Component is depracated, use `<CFormInput type="file">` instead of.
323+
324+
### CInputRadio
325+
326+
- Component is depracated, use `<CFormCheck type="radio">` instead of.
327+
328+
### CInputGroup
329+
330+
331+
#### CInputGroupAddon
332+
333+
- Component is depracated, use `CInputGroupText` instead of.
334+
335+
### CSelect
336+
337+
- Component is depracated, use `<CFormSelect>` instead of.
338+
339+
### CValidFeedback
340+
341+
- Component is depracated, use `<CFormFeedback valid>` instead of.
342+
343+
### CInvalidFeedback
344+
345+
- Component is depracated, use `<CCFormFeedback invalid>` instead of.
346+
347+
## Layout
348+
349+
### CContainer
350+
351+
- Deprecated property `tag`.
352+
353+
### CCol
354+
355+
- Deprecated property `tag`.
356+
- Deprecated property `width`, use `xs`, `sm`, `md`, `lg`, `xl`, `xxl`.
357+
358+
### CRow
359+
360+
- Deprecated property `alignHorizontal`.
361+
- Deprecated property `alignVertical`.
362+
- Deprecated property `form`.
363+
- Deprecated property `gutters`.
364+
- Deprecated property `tag`.
365+
- Deprecated property `width`, use `xs`, `sm`, `md`, `lg`, `xl`, `xxl`.

0 commit comments

Comments
 (0)