diff --git a/packages/histoire-controls/src/components/button/HstButtonGroup.vue b/packages/histoire-controls/src/components/button/HstButtonGroup.vue
index c0001fc7..a217e756 100644
--- a/packages/histoire-controls/src/components/button/HstButtonGroup.vue
+++ b/packages/histoire-controls/src/components/button/HstButtonGroup.vue
@@ -12,7 +12,7 @@ import HstButton from './HstButton.vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: string[] | number[] | HstControlOption[] | Record<string, string | number>
 }>()
 
diff --git a/packages/histoire-controls/src/components/checkbox/HstCheckbox.vue b/packages/histoire-controls/src/components/checkbox/HstCheckbox.vue
index a1f13df5..471104d5 100644
--- a/packages/histoire-controls/src/components/checkbox/HstCheckbox.vue
+++ b/packages/histoire-controls/src/components/checkbox/HstCheckbox.vue
@@ -9,7 +9,7 @@ import HstWrapper from '../HstWrapper.vue'
 import HstSimpleCheckbox from './HstSimpleCheckbox.vue'
 
 const props = defineProps<{
-  modelValue: boolean
+  modelValue?: boolean
   title?: string
 }>()
 
diff --git a/packages/histoire-controls/src/components/checkbox/HstSimpleCheckbox.vue b/packages/histoire-controls/src/components/checkbox/HstSimpleCheckbox.vue
index 06d467fb..3de49a1e 100644
--- a/packages/histoire-controls/src/components/checkbox/HstSimpleCheckbox.vue
+++ b/packages/histoire-controls/src/components/checkbox/HstSimpleCheckbox.vue
@@ -8,7 +8,7 @@ export default {
 import { computed, ref, watch } from 'vue'
 
 const props = defineProps<{
-  modelValue: boolean
+  modelValue?: boolean
   withToggle?: boolean
 }>()
 
diff --git a/packages/histoire-controls/src/components/number/HstNumber.vue b/packages/histoire-controls/src/components/number/HstNumber.vue
index 580a558c..52e9f06f 100644
--- a/packages/histoire-controls/src/components/number/HstNumber.vue
+++ b/packages/histoire-controls/src/components/number/HstNumber.vue
@@ -11,7 +11,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: number
+  modelValue?: number
 }>()
 
 const emit = defineEmits({
diff --git a/packages/histoire-controls/src/components/radio/HstRadio.vue b/packages/histoire-controls/src/components/radio/HstRadio.vue
index d80bc28e..44d4323c 100644
--- a/packages/histoire-controls/src/components/radio/HstRadio.vue
+++ b/packages/histoire-controls/src/components/radio/HstRadio.vue
@@ -11,7 +11,7 @@ import { HstControlOption } from '../../types'
 
 const props = defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: HstControlOption[]
 }>()
 
diff --git a/packages/histoire-controls/src/components/select/HstSelect.vue b/packages/histoire-controls/src/components/select/HstSelect.vue
index 521b2f59..4f582ee5 100644
--- a/packages/histoire-controls/src/components/select/HstSelect.vue
+++ b/packages/histoire-controls/src/components/select/HstSelect.vue
@@ -11,7 +11,7 @@ import { HstControlOption } from '../../types'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
   options: Record<string, any> | string[] | HstControlOption[]
 }>()
 
diff --git a/packages/histoire-controls/src/components/slider/HstSlider.vue b/packages/histoire-controls/src/components/slider/HstSlider.vue
index b095c6a6..5e3b9d34 100644
--- a/packages/histoire-controls/src/components/slider/HstSlider.vue
+++ b/packages/histoire-controls/src/components/slider/HstSlider.vue
@@ -13,7 +13,7 @@ import { VTooltip as vTooltip } from 'floating-vue'
 
 const props = defineProps<{
   title?: string
-  modelValue: number
+  modelValue?: number
   min: number
   max: number
 }>()
diff --git a/packages/histoire-controls/src/components/text/HstText.vue b/packages/histoire-controls/src/components/text/HstText.vue
index 32d09ef2..0f916d78 100644
--- a/packages/histoire-controls/src/components/text/HstText.vue
+++ b/packages/histoire-controls/src/components/text/HstText.vue
@@ -10,7 +10,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
 }>()
 
 const emit = defineEmits({
diff --git a/packages/histoire-controls/src/components/textarea/HstTextarea.vue b/packages/histoire-controls/src/components/textarea/HstTextarea.vue
index f2574497..c6a60517 100644
--- a/packages/histoire-controls/src/components/textarea/HstTextarea.vue
+++ b/packages/histoire-controls/src/components/textarea/HstTextarea.vue
@@ -11,7 +11,7 @@ import HstWrapper from '../HstWrapper.vue'
 
 defineProps<{
   title?: string
-  modelValue: string
+  modelValue?: string
 }>()
 
 const emit = defineEmits({
diff --git a/packages/histoire-plugin-svelte/src/helpers.ts b/packages/histoire-plugin-svelte/src/helpers.ts
index 7d202030..fe159457 100644
--- a/packages/histoire-plugin-svelte/src/helpers.ts
+++ b/packages/histoire-plugin-svelte/src/helpers.ts
@@ -19,12 +19,12 @@ export interface Hst {
   // Controls
   Button: typeof SvelteComponentTyped
   ButtonGroup: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     options: (string | HstControlOption)[]
     title?: string
   }>
   Checkbox: typeof SvelteComponentTyped<{
-    value: boolean
+    value?: boolean
     title: string
   }>
   CheckboxList: typeof SvelteComponentTyped<{
@@ -33,30 +33,30 @@ export interface Hst {
     title?: string
   }>
   Text: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     title: string
   }>
   Number: typeof SvelteComponentTyped<{
-    value: number
+    value?: number
     title: string
   }>
   Slider: typeof SvelteComponentTyped<{
-    value: number
+    value?: number
     title: string
     min: number
     max: number
   }>
   Textarea: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     title: string
   }>
   Select: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     title: string
     options: Record<string, any> | string[] | HstControlOption[]
   }>
   Radio: typeof SvelteComponentTyped<{
-    value: string
+    value?: string
     options: HstControlOption[]
     title?: string
   }>