fix(Toggle): missing disabled prop

nuxt · Jun 12, 2023 · fe833eb · fe833eb
1 parent be5f352
commit fe833eb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/docs/content/3.forms/7.toggle.md b/docs/content/3.forms/7.toggle.md
@@ -26,6 +26,18 @@ excludedProps:
 ---
 ::
 
+### Disabled
+
+Use the `disabled` prop to disable the Toggle.
+
+::component-card
+---
+props:
+  disabled: true
+---
+::
+
+
 ## Props
 
 :component-props

diff --git a/src/runtime/components/forms/Toggle.vue b/src/runtime/components/forms/Toggle.vue
@@ -2,6 +2,7 @@
   <Switch
     v-model="active"
     :name="name"
+    :disabled="disabled"
     :class="[active ? ui.active : ui.inactive, ui.base]"
   >
     <span :class="[active ? ui.container.active : ui.container.inactive, ui.container.base]">
@@ -43,6 +44,10 @@ export default defineComponent({
       type: Boolean,
       default: false
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     onIcon: {
       type: String,
       default: () => appConfig.ui.toggle.default.onIcon