arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-03 05:37:56 +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

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

@@ -29,6 +29,8 @@ 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 ::component-example
#default #default
:select-example-objects :select-example-objects
@@ -41,7 +43,8 @@ const countries = [{
value: 'US' value: 'US'
}, { }, {
name: 'Canada', name: 'Canada',
value: 'CA' value: 'CA',
disabled: true
}, { }, {
name: 'Mexico', name: 'Mexico',
value: 'MX' 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 ### Loading
Use the `loading` prop to show a loading icon and disable the Input. Use the `loading` prop to show a loading icon and disable the Input.