diff --git a/docs/app/components/content/ComponentCode.vue b/docs/app/components/content/ComponentCode.vue index ef49ec9f..8fce887c 100644 --- a/docs/app/components/content/ComponentCode.vue +++ b/docs/app/components/content/ComponentCode.vue @@ -50,7 +50,7 @@ function mapKeys(obj, parentKey = '') { const fullKey = parentKey ? `${parentKey}.${key}` : key - return !props.ignore?.includes(fullKey) && !props.hide?.includes(fullKey) && !props.external?.includes(fullKey) ? fullKey : undefined + return !props.ignore?.includes(fullKey) && !props.hide?.includes(fullKey) ? fullKey : undefined }).filter(Boolean) } diff --git a/docs/content/3.components/accordion.md b/docs/content/3.components/accordion.md index 79d34380..56c4019f 100644 --- a/docs/content/3.components/accordion.md +++ b/docs/content/3.components/accordion.md @@ -23,6 +23,8 @@ Use the `items` prop as an array of objects with the following properties: ::component-code --- +ignore: + - items external: - items hide: @@ -50,6 +52,7 @@ Set the `type` prop to `multiple` to allow multiple items to be active at the sa --- ignore: - type + - items external: - items hide: @@ -78,6 +81,7 @@ When `type` is `single`, you can set the `collapsible` prop to `false` to preven --- ignore: - collapsible + - items external: - items hide: @@ -106,6 +110,8 @@ You can also disable a specific item by using the `disabled` property in the ite ::component-code --- +ignore: + - items external: - items hide: @@ -135,6 +141,8 @@ You can also set an icon for a specific item by using the `trailingIcon` propert ::component-code --- +ignore: + - items external: - items hide: diff --git a/docs/content/3.components/breadcrumb.md b/docs/content/3.components/breadcrumb.md index 6f51969e..aefc80fa 100644 --- a/docs/content/3.components/breadcrumb.md +++ b/docs/content/3.components/breadcrumb.md @@ -19,6 +19,8 @@ You can also pass any property from [NuxtLink](https://nuxt.com/docs/api/compone ::component-code --- +ignore: + - items external: - items props: @@ -44,6 +46,8 @@ Use the `separator-icon` prop to customize the [Icon](/components/icon) between ::component-code --- +ignore: + - items external: - items props: diff --git a/docs/content/3.components/checkbox.md b/docs/content/3.components/checkbox.md index 225be7f9..74ec7adf 100644 --- a/docs/content/3.components/checkbox.md +++ b/docs/content/3.components/checkbox.md @@ -15,6 +15,8 @@ Use the `v-model` directive to control the checked state of the Checkbox. ::component-code --- +ignore: + - modelValue external: - modelValue props: diff --git a/docs/content/3.components/input.md b/docs/content/3.components/input.md index fd35626e..3f0923af 100644 --- a/docs/content/3.components/input.md +++ b/docs/content/3.components/input.md @@ -12,6 +12,8 @@ Use the `v-model` directive to control the value of the Input. ::component-code --- +ignore: + - modelValue external: - modelValue props: diff --git a/docs/content/3.components/radio-group.md b/docs/content/3.components/radio-group.md index 55d34f80..a3e128d0 100644 --- a/docs/content/3.components/radio-group.md +++ b/docs/content/3.components/radio-group.md @@ -23,6 +23,9 @@ Use the `v-model` directive to control the value of the RadioGroup. ::component-code --- +ignore: + - modelValue + - items external: - modelValue - items @@ -45,6 +48,8 @@ Use the `default-value` prop to set the initial value when you do not need to co ::component-code --- +ignore: + - items external: - items props: @@ -70,6 +75,7 @@ Use the `legend` prop to set the legend of the RadioGroup. --- ignore: - defaultValue + - items external: - items props: @@ -96,6 +102,7 @@ Use the `orientation` prop to change the orientation of the RadioGroup. Defaults --- ignore: - defaultValue + - items external: - items props: @@ -122,6 +129,7 @@ Use the `color` prop to change the color of the RadioGroup. --- ignore: - defaultValue + - items external: - items props: @@ -148,6 +156,7 @@ Use the `size` prop to change the size of the RadioGroup. --- ignore: - defaultValue + - items external: - items props: @@ -174,6 +183,7 @@ Use the `disabled` prop to disable the RadioGroup. --- ignore: - defaultValue + - items external: - items props: diff --git a/docs/content/3.components/slider.md b/docs/content/3.components/slider.md index 64c04c2f..d4fa1baf 100644 --- a/docs/content/3.components/slider.md +++ b/docs/content/3.components/slider.md @@ -15,6 +15,8 @@ Use the `v-model` directive to control the value of the Slider. ::component-code --- +ignore: + - modelValue external: - modelValue props: @@ -66,6 +68,8 @@ Use the `v-model` directive or the `default-value` prop with an array of values ::component-code --- +ignore: + - modelValue external: - modelValue props: @@ -77,6 +81,8 @@ Use the `min-steps-between-thumbs` prop to limit the minimum distance between th ::component-code --- +ignore: + - modelValue external: - modelValue props: @@ -103,7 +109,7 @@ props: ### Color -Use the `color` prop to change the color of the Checkbox. +Use the `color` prop to change the color of the Slider. ::component-code --- @@ -117,7 +123,7 @@ props: ### Size -Use the `size` prop to change the size of the Checkbox. +Use the `size` prop to change the size of the Slider. ::component-code --- @@ -131,7 +137,7 @@ props: ### Disabled -Use the `disabled` prop to disable the Checkbox. +Use the `disabled` prop to disable the Slider. ::component-code --- @@ -143,6 +149,20 @@ props: --- :: +### Inverted + +Use the `inverted` prop to visually invert the Slider. + +::component-code +--- +ignore: + - defaultValue +props: + inverted: true + defaultValue: 25 +--- +:: + ## API ### Props diff --git a/docs/content/3.components/switch.md b/docs/content/3.components/switch.md index 04f18237..fa009224 100644 --- a/docs/content/3.components/switch.md +++ b/docs/content/3.components/switch.md @@ -15,6 +15,8 @@ Use the `v-model` directive to control the checked state of the Switch. ::component-code --- +ignore: + - modelValue external: - modelValue props: diff --git a/docs/content/3.components/tabs.md b/docs/content/3.components/tabs.md index c4017815..36e7d4c4 100644 --- a/docs/content/3.components/tabs.md +++ b/docs/content/3.components/tabs.md @@ -23,6 +23,8 @@ Use the `items` prop as an array of objects with the following properties: ::component-code --- +ignore: + - items external: - items hide: @@ -49,6 +51,7 @@ You can set it to `false` to prevent the Tabs from rendering any content and act --- ignore: - content + - items external: - items hide: @@ -73,6 +76,7 @@ You can also choose to only render the content of the active tab by setting `con prettier: true ignore: - content.forceMount + - items external: - items hide: @@ -103,6 +107,7 @@ Use the `color` prop to change the color of the Tabs. --- ignore: - content + - items external: - items hide: @@ -125,6 +130,7 @@ Use the `variant` prop to change the variant of the Tabs. --- ignore: - content + - items external: - items hide: @@ -148,6 +154,7 @@ Use the `size` prop to change the size of the Tabs. --- ignore: - content + - items external: - items hide: @@ -171,6 +178,7 @@ Use the `orientation` prop to change the orientation of the Tabs. Defaults to `h --- ignore: - content + - items external: - items hide: diff --git a/docs/content/3.components/textarea.md b/docs/content/3.components/textarea.md index 16cb8de0..26dee4a3 100644 --- a/docs/content/3.components/textarea.md +++ b/docs/content/3.components/textarea.md @@ -12,6 +12,8 @@ Use the `v-model` directive to control the value of the Textarea. ::component-code --- +ignore: + - modelValue external: - modelValue props: @@ -109,6 +111,8 @@ Use the `autoresize` prop to enable autoresizing the height of the Textarea. ::component-code --- +ignore: + - modelValue external: - modelValue props: @@ -121,6 +125,8 @@ Use the `maxrows` prop to set the maximum number of rows when autoresizing. If s ::component-code --- +ignore: + - modelValue external: - modelValue props: