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

nuxt · Jul 17, 2023 · 914cb03 · 914cb03
1 parent 4afdd3b
commit 914cb03
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/docs/content/3.forms/3.select.md b/docs/content/3.forms/3.select.md
@@ -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.