Input

A text field at the 40px form height, with error and password modes.

Installation

bash
shellui-native add input

Platforms: MAUI · Avalonia.

Usage

Basic

Rendered with ShellUI for Blazor
<VerticalStackLayout Spacing="8">
    <ui:ShellLabel Text="Email" Size="Sm" Weight="Medium" />
    <ui:Input Placeholder="[email protected]" Keyboard="Email" />
</VerticalStackLayout>
Avalonia, running in your browser

Password, error and read-only

Rendered with ShellUI for Blazor
<ui:Input Placeholder="Password" IsPassword="True" />
<ui:Input Text="shewart@" HasError="True" />
<ui:Input Text="Shewart Shepherd" IsReadOnly="True" />
Avalonia, running in your browser

MAUI and Avalonia

  • Keyboard (the soft keyboard on phones) is MAUI only.
  • MaxLength: no limit by default on both; on Avalonia 0 means no limit.

API

Property Type Default Description
Text string — Entered text. Two-way bindable.
Placeholder string — Hint shown while empty.
IsPassword bool false Masks the text.
HasError bool false Shows the destructive border and ring.
IsReadOnly bool false Shows the text without allowing edits.
MaxLength int No limit (MAUI) · 0 (no limit) (Avalonia) Maximum number of characters.
Keyboard Keyboard Default Soft keyboard to show on touch devices. MAUI only.
Event Arguments Description
TextChanged TextChangedEventArgs The text changed.
Completed — Every slot is filled (or Enter in a text field).

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.