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 Routercustom
prop that provides a few extra features
🚨 Breaking Changes
- Link: renamed from
LinkCustom
and addexact-query
/exact-hash
props - Badge: add colors and variants (solid has changed)
- SelectMenu:
ui
prop is nowui-menu
andui-select
is nowui
(#432)
🚀 Features
- Alert: new component (#449) (ab2abae)
- Badge: add colors and variants (solid has changed) (05503e5)
- Badge: rename
outline
tosubtle
+ addsoft
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 addexact-query
/exact-hash
props (cefe5a7) - Notification: support html with
title
anddescription
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
andui-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