nuxt/ui v3.3.0

on GitHub

✨ Highlights

☁️ New FileUpload Component

Introducing a powerful new FileUpload component that makes file uploads effortless with built-in drag-and-drop and validation support (#4564).

Learn more: https://ui.nuxt.com/components/file-upload

🎨 Global Default Variants

Configure global defaults for color and size across all components to reduce boilerplate and ensure consistent styling (#4400).

export default defineNuxtConfig({
  modules: ['@nuxt/ui'],
  css: ['~/assets/css/main.css'],
  ui: {
    theme: {
      defaultVariants: {
        color: 'neutral',
        size: 'sm'
      }
    }
  }
})

Learn more: https://ui.nuxt.com/getting-started/installation/nuxt#themedefaultvariants

📊 Enhanced Table Component

Major improvements to the Table component bring enhanced functionality and better user experience:

• Footer support for column summaries (#4194)
• Context menu support (#4259)
• Colspan and rowspan support (#4460)
• Row hover events for better interactivity (#2435)
• Custom styles in table and column meta (#4513)

Learn more: https://ui.nuxt.com/components/table

🚀 Features

• CommandPalette: add footer slot (#4457) (63730d6)
• Drawer: add nested prop (e2695ee), closes #4320
• FileUpload: new component (#4564) (35dbe6c)
• Input/Textarea: add default-value prop (#4404) (fb9e7bb)
• InputMenu: emit remove-tag event (#4511) (6ca7c8b)
• InputTags: add max-length prop (b96a1cc), closes #4405
• Kbd: add color prop & soft variant (#4549) (f336600)
• module: add theme.defaultVariants option (#4400) (35f90b9)
• Popover: add reference prop (b00e07f)
• Table: add footer support to display column summary (#4194) (c355cac)
• Table: add style to table and column meta (#4513) (1db21d1)
• Table: add row hover event (f903ec3), closes #2435
• Table: add support for colspan and rowspan (#4460) (7ef1933)
• Table: add support for context menu (f62c5ec), closes #4259
• Tabs: add badge on items (#4553) (62ab016)
• Toast: progress bar with Progress component (ec569e4)
• Tooltip: add reference prop (69a7b95), closes #4430

🐛 Bug Fixes

• Button/Link: merge active-class / inactive-class with app config (#4446) (9debce7)
• Button: add active styles to behave like hover on mobile (df8f202), closes #991
• Carousel/Tree: add type to button elements for accessibility (#4493) (fc24e03)
• Carousel: add aria-current attribute to active dot (#4447) (1ba8a55)
• Carousel: improve accessibility (55e06e9), closes #4494
• Carousel: resolve plugins with page transitions (#4380) (3b67d54)
• ColorPicker: update color conversion logic (#4550) (6b6ec8c)
• CommandPalette: remove rtl:space-x-reverse from label (#4576) (4682ded)
• defineShortcuts: allow extra keys to be combined with shift (#4456) (772631c)
• defineShortcuts: always pass event to shotcut handler (#4516) (ef473c3)
• FormField: improve error type with boolean (a4d0ca7), closes #4496
• FormField: resolve minor accessibility and rendering issues (#4515) (c64c4cd)
• InputMenu/SelectMenu: filter null items in search (488707e)
• InputMenu/SelectMenu: improve display value without valueKey (4d4234d), closes #4528
• InputMenu/SelectMenu: only filter non-null fields (c92f908), closes #4509
• InputMenu: reset search term on mounted (cb160e6), closes #3993
• module: merge user's options when installing modules (78f92a2)
• NavigationMenu/Tabs: display badge when not undefined (b22891a)
• NavigationMenu/Tabs: proxy fallthrough attributes (836f748)
• RadioGroup: improve type safety for normalizeItem function (#4535) (bb99345)
• Table: add scope attribute to headers (#4417) (347694b)
• Table: handle reactive columns (#4412) (4ce6540)
• theme: colors autocomplete in app config (752e2b6)
• Toast: only show progress when open (1d052ec), closes #4464
• Tooltip: display separator only with text and kbds (#4570) (63476e5)
• useLocale: ensure inject defaults to en (df1abf1), closes #4579
• useLocale: prevent hydration error when switching locale (15c7991)
• useOverlay: don't use patch when passing props to open (#4497) (5ad7dab)
• useOverlay: improve props handling by merging existing and new (#4478) (6519a74)
• useOverlay: support infering close argument from complex emits (#4414) (d7aefa5)
• vue: handle override when importing from @nuxt/ui (57a5037)
• vue: stub clearError (d8160ba)

👋 New Contributors

• @mikenewbon made their first contribution in #4380
• @or2e made their first contribution in #4412
• @Teages made their first contribution in #4414
• @TonyFresneau made their first contribution in #4446
• @Artles777 made their first contribution in #4460
• @ThiloHettmer made their first contribution in #4515

Full Changelog: v3.2.0...v3.3.0