arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(Select): disable single select options (#422)

Browse Source
This commit is contained in:
Robin Ambrosius
2023-07-17 10:33:16 +02:00
committed by GitHub
parent 4afdd3bd64
commit 914cb03a5d
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/content/3.forms/3.select.md
View File

@@ -27,7 +27,9 @@ const country = ref(countries[0])
```
::
When using objects, you can configure which field will be used for display through the `option-attribute` prop that defaults to `label` and which field will be used for comparison through the `value-attribute` prop that defaults to `value`.
When using objects, you can configure which field will be used for display through the `option-attribute` prop that defaults to `label` and which field will be used for comparison through the `value-attribute` prop that defaults to `value`.
Adding a `disabled` key to the objects will control the disabled state of the option.
::component-example
#default
@@ -41,7 +43,8 @@ const countries = [{
value: 'US'
}, {
name: 'Canada',
value: 'CA'
value: 'CA',
disabled: true
}, {
name: 'Mexico',
value: 'MX'
@@ -191,6 +194,8 @@ props:
---
::
Add a `disabled` key with a truthy value to the `options` array of object to disable a single option.
### Loading
Use the `loading` prop to show a loading icon and disable the Input.