ColorPicker

Makes the field read-only: the hex text can be focused and selected, the swatch and presets are off, and the value still posts.

Colors offered as swatches under the field, as hex strings. Shown with script; without it, Chrome and Edge list them in the browser's own picker.

A hex text box beside the swatch (with script), for typing or pasting a value. Defaults to true. A read-only field shows it anyway, as text that can be focused.

The hex box's name after the label. Defaults to "hex".

The presets' group name. Defaults to "Preset colors".

A name for each preset, such as "Ocean", given the string from Presets. Screen readers hear it instead of the hex value, and it's the swatch's tooltip. Return null to keep the hex value.

The value, bound with @bind-Value.

The field's name in validation messages from the input itself, such as a value that can't be parsed.

The visible label. Defaults to the model property's [Display(Name)], or its name.

Keeps the label for screen readers but doesn't show it, as in a toolbar or a one-field newsletter form. Checkboxes and switches show their label beside the box, so this doesn't apply.

Help text shown under the field and linked to it for screen readers.

Whether a value is required. Defaults to whether the property has [Required].

Disables the field. Disabled fields are not posted with the form.

Height, shared with buttons. Defaults to ControlSize.Md.

Classes for the field's outer wrapper (label, control, hint and error).

Inline style for the field's outer wrapper, after its generated custom properties.

Hides the field from this breakpoint up.

Shows the field only from this breakpoint up.

Margin on all sides, in spacing steps (-16 to 16; one step = 4px).

Horizontal margin. When set, replaces Margin on this axis.

Vertical margin. When set, replaces Margin on this axis.

Top margin. When set, replaces MarginY and Margin on this side.

Bottom margin. When set, replaces MarginY and Margin on this side.

Margin at the start (left in left-to-right text). Replaces MarginX and Margin on this side.

Margin at the end (right in left-to-right text). Replaces MarginX and Margin on this side.

Width of the whole field (label, control, hint).

Minimum width of the whole field.

Maximum width of the whole field.

Whether to grow into free space inside a Stack, Row or Column: <TextField Grow />.

Whether to shrink when space is short inside a Stack, Row or Column. Defaults to true.

Starting size inside a Stack, before growing or shrinking.

Alignment across the parent's direction, overriding the parent's Align for this field only.

How many columns the field spans in a Form or Fieldset with Columns; GridSpan.Full for the whole row. Never more than the columns shown.

Starts a new row in a Form or Fieldset with Columns, or a Grid, leaving the rest of the row before it empty.