Represents a text input element in a panel.
value property is required, for empty value use "". label property is displayed above the input and used for screen readers.
{
type: "TextInput",
value: "",
onChange: (args) => console.log(args.value),
placeholder: "Enter your name",
}
{
type: "TextInput",
label: "Name",
value: "Hello",
onChange: (args) => console.log(args.value),
placeholder: "Enter your name",
}
type: "TextInput"
value: string
The value of the input. Use "" for empty values.
id: string
The ID of the element.
optional placeholder: string
The placeholder text to display in the input.
optional onChange: (args: { value: string; id: string; }) => void
The function to call when the value of the input changes.
{ value: string; id: string; }
The arguments passed to the function.
The id of the input element.
void
optional onBlur: (args: { value: string; id: string; }) => void
The function to call when the input is blurred.
{ value: string; id: string; }
The arguments passed to the function.
The id of the input element.
void
optional onFocus: (args: { value: string; id: string; }) => void
The function to call when the input is focused.
{ value: string; id: string; }
The arguments passed to the function.
The id of the input element.
void
optional onCreate: (args: { id: string; }) => void
A function to call when the element is created.
The arguments passed to the function.
void
optional onDestroy: (args: { id: string; }) => void
A function to call when the element is destroyed.
The arguments passed to the function.
void
optional label: string
Label text to display above the element and used for screen readers.
Last updated
