How to define a default value for properties in svelte 5..

[scottandrew]

How do I define a default value for component props? Do I have to mark them as accepting undefined? The following doesn't work and tells me I need to provide the values that have defaults assigned:

		id,
		name,
		color = "default",
		isValid = $bindable(true),
		mask,
		value = $bindable(),
		validator,
		required = false,
		readonly
	}: Props = $props();```

[david-plugge]

You have a Props Interface or type that defines the shape of your component props. That Interface is the place where you have to mark optional props:

interface Props {
  required: string
  optional?: string
}