mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-24 08:50:34 +01:00
Merge branch 'v3' into pr/1945
This commit is contained in:
@@ -536,6 +536,33 @@ import { ModalExampleComponent } from '#components'
|
||||
</script>
|
||||
```
|
||||
|
||||
### Changed form validation
|
||||
|
||||
- The error object property for targeting form fields has been renamed from `path` to `name`:
|
||||
|
||||
```diff
|
||||
<script setup lang="ts">
|
||||
const validate = (state: any): FormError[] => {
|
||||
const errors = []
|
||||
if (!state.email) {
|
||||
errors.push({
|
||||
- path: 'email',
|
||||
+ name: 'email',
|
||||
message: 'Required'
|
||||
})
|
||||
}
|
||||
if (!state.password) {
|
||||
errors.push({
|
||||
- path: 'password',
|
||||
+ name: 'password',
|
||||
message: 'Required'
|
||||
})
|
||||
}
|
||||
return errors
|
||||
}
|
||||
</script>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
::warning
|
||||
|
||||
@@ -62,6 +62,19 @@ items:
|
||||
---
|
||||
::
|
||||
|
||||
### Color :badge{label="Soon" class="align-text-top"}
|
||||
|
||||
Use the `color` prop to change the color of the Kbd.
|
||||
|
||||
::component-code
|
||||
---
|
||||
props:
|
||||
color: neutral
|
||||
slots:
|
||||
default: K
|
||||
---
|
||||
::
|
||||
|
||||
### Variant
|
||||
|
||||
Use the `variant` prop to change the variant of the Kbd.
|
||||
@@ -69,6 +82,7 @@ Use the `variant` prop to change the variant of the Kbd.
|
||||
::component-code
|
||||
---
|
||||
props:
|
||||
color: neutral
|
||||
variant: solid
|
||||
slots:
|
||||
default: K
|
||||
|
||||
Reference in New Issue
Block a user