v3.0.0-alpha.8

✨ Highlights

Vue compatibility

In #2416 by @danielroe, you can now use Nuxt UI in any Vue project without Nuxt: https://ui3.nuxt.dev/getting-started/installation/vue

Nuxt Devtools

In #2196 by @romhml, you can now preview the Nuxt UI components in the Nuxt Devtools, edit their props and copy the code to use in your app.

Lucide Icons

We migrated from heroicons to lucide icons in #2540, you can configure all your icons at once if you want to switch back: https://ui3.nuxt.dev/getting-started/icons#theme

🚀 Features

• Avatar: infer width / height on <img> based on size prop (c9adf33)
• Avatar: use NuxtImg component when available (f1a14dd), closes nuxt/ui#2078
• Badge: handle icon and avatar props (#2497) (2d52834)
• components: improve RTL support (#2433) (94c4918)
• DropdownMenu/ContextMenu: handle color field in items (#2510) (f66c96e)
• InputMenu/Select/SelectMenu: arrow prop implementation (#2503) (f26f6c8)
• Kbd: special keys for macOS and other systems (#2494) (332c6c0)
• module: add support for vue using unplugin (#2416) (d4a943e)
• module: devtools integration (#2196) (701c75a)
• NavigationMenu: add item-content slot (b5ca0d9)
• Table: customize header and cell through slots (#2457) (ef561e7)
• theme: migrate from heroicons to lucide (#2540) (a6c1a6c)

🐛 Bug Fixes

• ButtonGroup: merge class with theme (d980115), closes nuxt/ui#2498
• Carousel: add missing aria-label on dots (#2489) (03dd1eb)
• Chip: proxy attrs to slot (8669553), closes nuxt/ui#2484
• components: missing relative imports (1a93d13), closes nuxt/ui#2515
• InputMenu/Select/SelectMenu: improve types (#2471) (db8111d)
• InputMenu/SelectMenu: fast-deep-equal import (309e52f), closes nuxt/ui#2488
• module: add fast-deep-equal in optimizeDeps (0bfe2b6)
• module: define #build/app.config (12ae20d), closes nuxt/ui#2532
• NavigationMenu: add missing min-w-0 to make truncate work (#2476) (1402436)
• NavigationMenu: enforce data-orientation (64ad4b6)
• NavigationMenu: improve generic types (#2482) (fc2015b)
• Table: types in undeclared slots (#2544) (f821e66)
• Tabs: same behaviour between pill and link variants (e592da2), closes #2338
• templates: type error in app config (77d18d8), closes nuxt/ui#2481
• useKbd: hydration issue (845f85a), closes #2494
• utils: improve escapeRegExp function (a97c511)

👋 New Contributors

• @yassilah made their first contribution in #2471
• @madebyfabian made their first contribution in #2489
• @hywax made their first contribution in #2457

Full Changelog: v3.0.0-alpha.7...v3.0.0-alpha.8

v2.19.1

🐛 Bug Fixes

• InputMenu/SelectMenu: regex breaks build (cb6f5f2)

Full Changelog: v2.19.0...v2.19.1

v2.19.0

Read our updated documentation on https://ui.nuxt.com/.

🚨 Breaking Changes

In #2485, the expandable feature of the Table component has changed. You should use v-model:expand to achieve the functionality that was previously implemented using the #expand slot.

🚀 Features

• Form: add superstruct validation (#2357) (3cda6c6)
• Form: apply transformations (#2460) (ceecb60)
• Input/Textarea: nullify model modifier (#2309) (9dd7e61)
• InputMenu: allows to customize labels (#2295) (ddf67a0)
• Pagination: improve slot props (#2522) (c71fdc8)
• SelectMenu: allows to customize labels (#2266) (54e713d)
• Table: improve expanded row (#2485) (1acd01a)

🐛 Bug Fixes

• Accordion: improve items type (#2487) (25378df)
• Button: wrong to type (8ab4a14), closes #1253
• Divider: default type from app config (7846ca3), closes nuxt/ui#2398
• HorizontalNavigation/VerticalNavigation: handle badge in RTL mode (#2420) (4bf81be)
• InputMenu/SelectMenu: allow access nested object in option-attribute (#2465) (ff18061)
• InputMenu/SelectMenu: escape regexp before search (c68ba76), closes nuxt/ui#2308
• InputMenu/SelectMenu: prevent unnecessary updates when modelValue is unchanged (#2507) (1a94b55)
• module: missing types in ui config (#2467) (23971ef)
• Progress: handle carousel and carousel-inverse animations in RTL mode (#2400) (20fb46a)
• RadioGroup: rendering empty slots (#2456) (b6ed1c5)
• Table: checkbox not checked while using props by (#2401) (1b7e36c)
• Table: indeterminate checkbox with pagination (#2439) (070d2f8)
• Table: export TableRow and TableColumn types (c36964b), closes nuxt/ui#2373
• Table: handle dot nation with by prop (#2413) (b72d343)
• Tabs: allow aria-label on items (3cf19ea), closes nuxt/ui#1934

👋 New Contributors

• @nikneym made their first contribution in #2397
• @mateusbellei made their first contribution in #2487
• @hacknug made their first contribution in #2456
• @edersoares made their first contribution in #2266
• @offich made their first contribution in #2522
• @ersankarimi made their first contribution in #2507
• @cjboy76 made their first contribution in #2467

Full Changelog: v2.18.7...v2.19.0

v3.0.0-alpha.7

🚀 Features

• Accordion/Breadcrumb/CommandPalette/ContextMenu/DropdownMenu/NavigationMenu/Tabs: add labelKey prop (acfc6ce)
• Button: handle avatar prop (a54c3e4)
• CommandPalette: handle loading field in items (49abad2)
• ContextMenu/DropdownMenu: handle checkbox items type (8ef6e71), closes #2144
• ContextMenu/DropdownMenu: handle loading field in items (b975235)
• Form: add superstruct validation (#2363) (5385944)
• Input/InputMenu/Select/SelectMenu: handle avatar prop (53a3796)
• InputMenu/RadioGroup/Select/SelectMenu: handle labelKey and use get to support dot notation (f6f9823)
• NavigationMenu: handle children on vertical orientation (#2384) (34bddd4)
• Table: implement component (#2364) (b54950e)

🐛 Bug Fixes

• AvatarGroup: wrong ring on big sizes (61b2323)
• Button: invalid hover on link variant (df2013c)
• Checkbox: indeterminate prop not working (f6631ff)
• components: rename select to onSelect on items (b39c4d1)
• css: font-sans already applied on (9e03da4)
• css: make @theme default (a2bad2e)
• Drawer/Modal/Slideover: no need for z-index since its isolated (bcfa4b7), closes nuxt/ui#2347
• Input/InputMenu/Select/SelectMenu: uniformize placeholder color (f59844b)
• InputMenu/SelectMenu: escape regexp before search (7c21dde)
• InputMenu/SelectMenu: improve displayed value (0f9ac87), closes nuxt/ui#2353
• InputMenu: emit focus event (#2386) (7802aac)
• module: stop using tailwind's shorthand arbitrary variable syntax (#2366) (dcce571)
• Slideover: set max height on top / bottom positions (a68016e), closes nuxt/ui#2388

New Contributors

• @tomykho made their first contribution in #2386

Full Changelog: v3.0.0-alpha.6...v3.0.0-alpha.7

v3.0.0-alpha.6

✨ Highlights

Introduced in #2298 , Nuxt UI v3 now embraces a full design system for its components. It brings more breaking changes but will let you customize your entire app at once through CSS variables.

I'd recommend reading the pull request and the updated documentation on https://ui3.nuxt.dev/getting-started/theme#design-system.

🚀 Features

• Carousel: implement component (#2288) (68ee3f1)
• Form: add Standard Schema support (#2303) (0955c07)
• module: implement --ui-radius CSS variable (#2341) (057e86c)
• module: implement design system with CSS variables (#2298)
• module: set disableTransition option on @nuxtjs/color-mode (b82af02)

🐛 Bug Fixes

• Accordion: use text-left break-words instead of truncate on label (6c7c2f0)
• Alert: default variant to solid for consistency (3a7c5c2)
• Button: center text with block prop (3cf5535), closes nuxt/ui#2317

👋 New Contributors

• @sandros94 made their first contribution in #2341

Full Changelog: v3.0.0-alpha.5...v3.0.0-alpha.6

v2.18.7

🚀 Enhancements

• forms: allow null as initial value (#2275) (474accb)

🐛 Bug Fixes

• Carousel: arrows & indicators are broken in RTL (#2251) (db5e5c4)
• Carousel: pages calculation (#2345) (5cf24fa)
• Dropdown/Popover: conflict in toggle for touch devices (#2272) (4ae9654)
• Link: allow title field (0aa3909), closes #1439
• Tooltip: hide when text prop & slot are empty (#2232) (5ed5c57)

👋 New Contributors

• @DanielQolami made their first contribution in #2272
• @Gerbuuun made their first contribution in #2275
• @abolix made their first contribution in #2232
• @asokawotulo made their first contribution in #2296
• @OrbisK made their first contribution in #2307
• @EdmundChaplin made their first contribution in #2345

Full Changelog: v2.18.6...v2.18.7

v3.0.0-alpha.5

🚀 Features

• module: enable @nuxtjs/color-mode (9dcf903)
• module: override dark variant with class strategy (0f86b87)

🐛 Bug Fixes

• Button: props specified more than once (66a04ad)

Full Changelog: v3.0.0-alpha.4...v3.0.0-alpha.5

v3.0.0-alpha.4

🚀 Features

• Drawer: handle direction + handle props (5f77aac)

🐛 Bug Fixes

• Accordion: missing min-w-0 on trigger (6c28597)
• build.config: disable mkdist addRelativeDeclarationExtensions option (f54f607)
• CommandPalette: missing min-w-0 on root (a61e765)
• Drawer: improve max-width on mobile (fac52fa)
• InputMenu: missing group on trailing (2c7c41b)
• templates: app config colors type (96c9246)
• Toast: improve focus styles (1f9abda)

Full Changelog: v3.0.0-alpha.3...v3.0.0-alpha.4

v2.18.6

🐛 Bug Fixes

• components: accept partial config in ui prop (#2235) (eecf4f7)
• Modal/Slideover: bind transition class to TransitionChild for Vue 3.5 (#2227) (803c20a)
• SelectMenu: wrong placeholder color with multiple (#2218) (28ad5cf)
• Table: colspan with expand (#2217) (56118c4)
• Tabs: handle icon margin in RTL mode (#2233) (ea05414)
• useFormField: optional property access (#2226) (0a054a5)

New Contributors

• @alexfriesen made their first contribution in #2217
• @anthonyfranc made their first contribution in #2227
• @L422Y made their first contribution in #2234

Full Changelog: v2.18.5...v2.18.6

v3.0.0-alpha.3

🚀 Features

• module: move colors options into theme.colors (2e95446)

Full Changelog: v3.0.0-alpha.2...v3.0.0-alpha.3