Label
Live preview and documentation for the Label component.
About
Accessible label for a form control. Purely visual: it holds no state and does no validation, it just renders the text (with an optional asterisk and an optional tooltip icon).
text: the displayed label.required: adds a*in the error color.enabled:falsedims the label (the same treatment as a disabled field).isInvalid: paints the label in the error color, like an invalid field's label.tooltip: when set, shows an info icon after the text that reveals this message.color: overrides the automatically computed color (default / invalid / disabled).- Reads the same
inputDecorationTheme.labelStylethatKasyTextFielduses internally, so a standalone label ends up pixel-identical to a text field's built-in label.
Preview
Loading the component…
Last updated on 11/03/2026

