docs: update badges

This commit is contained in:
Benjamin Canac
2023-08-01 15:05:26 +02:00
parent 189bd4cd3e
commit 32a32d00ab
12 changed files with 16 additions and 18 deletions

View File

@@ -5,7 +5,7 @@ links:
icon: i-simple-icons-github
to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/forms/Form.ts
navigation:
badge: Edge
badge: New
---
## Usage

View File

@@ -108,7 +108,7 @@ const selected = ref(people[0])
```
::
If you only want to select a single object property rather than the whole object as value, you can set the `value-attribute` property. This prop defaults to `null`. :u-badge{label="Edge" class="!rounded-full" variant="subtle"}
If you only want to select a single object property rather than the whole object as value, you can set the `value-attribute` property. This prop defaults to `null`. :u-badge{label="New" class="!rounded-full" variant="subtle"}
::component-example
#default
@@ -193,7 +193,7 @@ props:
---
::
### Async search :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
### Async search
Pass a function to the `searchable` prop to customize the search behavior and filter options according to your needs. The function will receive the query as its first argument and should return an array.

View File

@@ -134,7 +134,7 @@ You can also use the `error` prop as a boolean to mark the form element as inval
The `error` prop will automatically set the `color` prop of the form element to `red`.
::
### Size :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
### Size :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
Use the `size` prop to change the size of the label and the form element.