v2.7.0

✨ Highlights

• New Alert component

• New Tabs component

• New Form component

Validate form data using schema libraries such as Yup, Zod, Joi or your own validation logic. It works seamlessly with the FormGroup component to automatically display error messages around form elements.

• Badge component has new variants and colors

• Link component is now documented

Wrapper around <NuxtLink> using the Vue Router custom prop that provides a few extra features

🚨 Breaking Changes

• Link: renamed from LinkCustom and add exact-query / exact-hash props
• Badge: add colors and variants (solid has changed)
• SelectMenu: ui prop is now ui-menu and ui-select is now ui (#432)

🚀 Features

• Alert: new component (#449) (ab2abae)
• Badge: add colors and variants (solid has changed) (05503e5)
• Badge: rename outline to subtle + add soft variants (5bd5dc2)
• CommandPalette: bind active and selected to scoped slot (#441) (b0440f8)
• FormGroup: add size prop and theme options (#391) (d2a8a07)
• Form: new component (#439) (a3aba1a)
• Link: rename from LinkCustom and add exact-query / exact-hash props (cefe5a7)
• Notification: support html with title and description slots (#431) (df455db)
• Range: increase narrowed surface (#459) (3b183ac)
• SelectMenu: add value-attribute prop (#429) (959c968)
• Tabs: new component (#450) (8298b62)
• ui: apply primary bg on ::selection (09d0ea2)

🐛 Bug Fixes

• FormGroup: required star display (3dd0492)
• FormGroup: err when no prop defined (93aebe6)
• FormGroup: set size default to null (c59595f)
• Form: return state on validate (#472) (248b0a6)
• LinkCustom: exact prop wasn't working (82e152b), closes #417
• LinkCustom: improve prop binding and prevent error with externals (914d156)
• Link: handle disabled prop (396aae7), closes #473
• module: ensure red color is safelisted for form elements (208acca), closes #423 #373
• module: omit colors defined as strings (927b63f)
• module: safelist all colors for toast.add (2cd6208), closes #375 #440
• module: smart safelisting for components in snake case (e25be11), closes #461
• Popover: hover mode (#453) (10890e6)
• SelectMenu: invert ui and ui-select props (#432) (7cccbcf)
• Table: hide data when loading state is active (#460) (2b3dc8d)

👋 New Contributors

• @KeJunMao made their first contribution in #441
• @henrycunh made their first contribution in #391
• @MadDog4533 made their first contribution in #382
• @larrasu made their first contribution in #452
• @ItzExotical made their first contribution in #467
• @romhml made their first contribution in #439

Full Changelog: v2.6.0...v2.7.0