COMPONENTS / 01

Good input.
Great conversations.

Floating labels stay out of the way. Typed values and integrated validation do the heavy lifting.

The everyday essentials

Standalone binding. No form required.

LIVE

Full name

Bound value: Alex Morgan

Email address

Password

Read-only field

EUR

Amount

de-DE culture: 1250,50

Team size

people

Start date

Start time

Department

Disabled field

A few words about your project

Async suggestions, keyboard navigation and custom object templates.

AUTOCOMPLETE

Existing contact

Type a name or city. Use Up/Down then Enter, or click a suggestion.

Contact or new name

Select a contact, or commit a new name with Enter or by leaving the field.

Bound contact: (none) / Selected object: (none)

Free-text binding: (none)

Distinct controls for distinct decisions.

Send me product updates

Updates: True

Preferred planPersonalStudioEnterprise

Selected: Studio

EditForm + DataAnnotations. Submit to see field-level feedback.

EDITFORM

THE BASICS

<FsText Label="Name" @bind-Value="model.Name" />
<FsNumber TValue="decimal?" Label="Budget" @bind-Value="model.Budget" />