Hover each enabled control, hold a pointer press, and use Tab for keyboard focus. States below are real component attributes. The five theme rows stay fixed so you can compare the same states side by side.
The textarea remains borderless. Enabled, unfocused controls keep a subtle resting indicator. Hover changes its color; focus adds a separate stripe. Busy preserves editing; disabled, readonly, required and busy use attribute presence, including the text false. Invalid is an ARIA string.
Public attributes and slots
labelfit: content (default) or fill a definite parentrowscolsminlengthmaxlengthautocompleteselection-requestselection-startselection-endselection-directionselection-focusvaluenameformplaceholderdisabledrequired-markerrequiredreadonlybusyinvaliddescribedbyerrorindicatorhiddenclass
Slots: label replaces the label text; required-marker overrides the marker text/markup when required; help supplies supporting content.