Sizes
Interactive
Value: Hello
API Reference
Props mirror Base UI React where applicable, adapted for Svelte 5. Native HTML attributes for the rendered element are also accepted unless noted.
Input
Extends input HTML attributes.
| Property | Type | Default | Description |
|---|---|---|---|
disabled | boolean | false | Whether the control ignores user interaction. |
value | string | undefined | — | Controlled value. |
defaultValue | string | — | Uncontrolled initial value. |
onValueChange | ((value: string, event: Event) => void) | undefined | — | Event handler called when the value changes. |
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|---|
data-dirty | Present when the field value has changed. |
data-disabled | Present when the part is disabled. |
data-filled | Present when the field has a value. |
data-focused | Present when the field is focused. |
data-invalid | Present when the field is invalid. |
data-touched | Present when the field has been touched. |
data-valid | Present when the field is valid. |