A text input frame. By default, this frame type attempts to fill its parent size unless given explicit dimensions.

    <Input height="30" width="200" />

This XML produces the following UI:

• NewInput()

A text input frame

Value type: string

The text in the input frame.

<Input height="30" width="200" text="Text Input" />

• SetInputText()
• GetInputText()

Value type: string

The bind value for enabling the input frame.

<Frame xmlns:bind="https://platform.wildsky.dev/xml/ui/bind">
    <State name="enable" booleanValue="false" />
    <Input height="30" width="200" placeholder="Text Input" bind:enable="state.enable" />
</Frame>

• None.

Value type: string

Supports data binding

The translation key for the input frame. This uses a translation key declared in the data editor (Localization tab) to display text across different languages.

<Input height="30" width="200" text="Text Input" translationKey="key" />

• None.

Value type: number

Supports data binding

The font size for the input frame.

<Input height="100" width="400" text="Text Input" fontSize="80" color="r: 1, g: 0, b: 0, a: 1" />

• SetInputTextFontSize()

Value type: color

The font color for the input frame.

<Input height="30" width="200" text="Text Input" color="r: 0, g: 0, b: 1, a: 1" />

• SetInputTextColor()

Value type: boolean

Supports data binding

The text outline status for the input frame, where true enables the text outline.

<Input height="100" width="400" text="Text Input" fontSize="80" color="r: 1, g: 0, b: 0, a: 1" outline="true" />

• SetInputTextOutline()

Value type: boolean

Supports data binding

The font wrapping status for the input frame, where true enables font wrapping. Font wrapping will wrap text to the next line if it would exceed the current line. By default, this value is false for input frames.

<Input height="300" width="200" text="Text Input" fontSize="80" color="r: 1, g: 0, b: 0, a: 1" wrapping="true" />

• SetInputTextWrapping()

Value type: string

Supports data binding

The placeholder text for the input frame. This text is bolded and italicized by default.

<Input height="40" width="200" placeholder="Text Input" />

• SetInputPlaceholder()

Value type: string

Supports data binding

The translation key for the placeholder text. This uses a translation key declared in the data editor (Localization tab) to display text across different languages.

<Input height="30" width="200" text="Hello" placeholderTranslationKey="key" />

• None.

Value type: number

Supports data binding

The placeholder text font size for the input frame.

<Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" />

• SetInputPlaceholderFontSize()

Value type: color

The placeholder text color for the input frame.

<Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" placeholderColor="r: 0, g: 0, b: 1, a: 1" />

• SetInputPlaceholderColor()

Value type: string

The bind value for if the placeholder text is colorable.

<Frame xmlns:bind="https://platform.wildsky.dev/xml/ui/bind">
    <State name="colorable" booleanValue="true" />
    <Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" bind:enplaceholderColorable="state.colorable" placeholderColor="r: 0, g: 0, b: 1, a: 1" />
</Frame>

• None.

Value type: boolean

Supports data binding

The placeholder text outline status for the input frame, where true enables the text outline. The outline is always black.

<Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" placeholderColor="r: 1, g: 1, b: 0, a: 1" placeholderOutline="true" />

• SetInputPlaceholderOutline()