arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(migration): add ui pro components table

Browse Source
This commit is contained in:
Benjamin Canac
2025-03-03 18:39:57 +01:00
parent 557dca9a22
commit 52a92c658f
1 changed files with 50 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
docs/content/1.getting-started/2.migration.md
View File

@@ -293,18 +293,59 @@ We can't detail all the changes here but you can check each component's theme in
### Renamed components
We've renamed some components to align with the Reka UI naming convention.
We've renamed some Nuxt UI components to align with the Reka UI naming convention:
| v2 | v3 |
| --- | --- |
| `Divider` | `Separator` |
| `Dropdown` | `DropdownMenu` |
| `FormGroup` | `FormField` |
| `Range` | `Slider` |
| `Toggle` | `Switch` |
| `Notification` | `Toast` |
| `VerticalNavigation` | `NavigationMenu` with `orientation="vertical"` |
| `HorizontalNavigation` | `NavigationMenu` with `orientation="horizontal"` |
| `Divider` | [`Separator`](/components/separator) |
| `Dropdown` | [`DropdownMenu`](/components/dropdown-menu) |
| `FormGroup` | [`FormField`](/components/form-field) |
| `Range` | [`Slider`](/components/slider) |
| `Toggle` | [`Switch`](/components/switch) |
| `Notification` | [`Toast`](/components/toast) |
| `VerticalNavigation` | [`NavigationMenu`](/components/navigation-menu) with `orientation="vertical"` |
| `HorizontalNavigation` | [`NavigationMenu`](/components/navigation-menu) with `orientation="horizontal"` |
::module-only
#ui-pro
:::div
Here are the Nuxt UI Pro components that have been renamed or removed:
| v1 | v3 |
| --- | --- |
| `BlogList` | [`BlogPosts`](/components/blog-posts) |
| `ColorModeToggle` | [`ColorModeSwitch`](/components/color-mode-switch) |
| `DashboardCard` | Removed (use [`PageCard`](/components/page-card) instead) |
| `DashboardLayout` | [`DashboardGroup`](/components/dashboard-group) |
| `DashboardModal` | Removed (use [`Modal`](/components/modal) instead) |
| `DashboardNavbarToggle` | [`DashboardSidebarToggle`](/components/dashboard-sidebar-toggle) |
| `DashboardPage` | Removed |
| `DashboardPanelContent` | Removed (use `#body` slot instead) |
| `DashboardPanelHandle` | [`DashboardResizeHandle`](/components/dashboard-resize-handle) |
| `DashboardSection` | Removed (use [`PageCard`](/components/page-card) instead) |
| `DashboardSidebarLinks` | Removed (use [`NavigationMenu`](/components/navigation-menu) instead) |
| `DashboardSlideover` | Removed (use [`Slideover`](/components/slideover) instead) |
| `FooterLinks` | Removed (use [`NavigationMenu`](/components/navigation-menu) instead) |
| `HeaderLinks` | Removed (use [`NavigationMenu`](/components/navigation-menu) instead) |
| `LandingCard` | Removed (use [`PageCard`](/components/page-card) instead) |
| `LandingCTA` | [`PageCTA`](/components/page-cta) |
| `LandingFAQ` | Removed (use [`PageAccordion`](/components/page-accordion) instead) |
| `LandingGrid` | Removed (use [`PageGrid`](/components/page-grid) instead) |
| `LandingHero` | Removed (use [`PageHero`](/components/page-hero) instead) |
| `LandingLogos` | [`PageLogos`](/components/page-logos) |
| `LandingSection` | [`PageSection`](/components/page-section) |
| `LandingTestimonial` | Removed (use [`PageCard`](/components/page-card#as-a-testimonial) instead) |
| `NavigationAccordion` | [`ContentNavigation`](/components/content-navigation) |
| `NavigationLinks` | [`ContentNavigation`](/components/content-navigation) |
| `NavigationTree` | [`ContentNavigation`](/components/content-navigation) |
| `PageError` | [`Error`](/components/error) |
| `PricingCard` | [`PricingPlan`](/components/pricing-plan) |
| `PricingGrid` | [`PricingPlans`](/components/pricing-plans) |
| `PricingSwitch` | Removed (use [`Switch`](/components/switch) or [`Tabs`](/components/tabs) instead) |
:::
::
### Changed components