ComponentsInputs and forms
Field
The frame of an input (label, outline, adornments, helper and error text) around any content. Use it to display read-only values in a form's style, or to give a custom control the same look as the inputs beside it.
Every variant and margin
MudField takes the same Variant and Margin as a text field, so displayed values line up with editable ones.
| Variant ↓ · Margin → | None | Dense | Normal |
|---|---|---|---|
| Text | £12.40 | £12.40 | £12.40 |
| Filled | £12.40 | £12.40 | £12.40 |
| Outlined | £12.40 | £12.40 | £12.40 |
Wrapping custom content
Any markup can sit inside: chips, radios or a color swatch. Turn InnerPadding off for controls that bring their own padding.
Poetry, Science · Hardback
Adornments, helper text and errors
Fields support start and end adornments, clickable ones included, plus helper text, an error state and a disabled look.
pts
A read-only summary
Membership details shown in the style of the form that edits them, with a button to switch to editing.
Membership
Playground
Change any parameter; the markup below updates with only the values that differ from the defaults.
<MudField
Label="Saturday hours"
Variant="Variant.Outlined"
Adornment="Adornment.End"
AdornmentIcon="@Icons.Material.Outlined.Schedule">Opens at 09:00</MudField>