Props & events

Attributes & behavior classes

Style (filled default, .input-outline, .input-text) and size are independent axes; validation/disabled states use ARIA.

Attribute / classPurpose
aria-invalid="true"Switches the border/focus-ring to the danger color
aria-disabled="true"Paired with native disabled on the <input> — dims and blocks interaction
disabledNative attribute on the inner <input>

Events

The optional clear button is the only flickui.js-managed behavior.

EventDescription
input (native, on the field)flickui.js listens for this to show/hide .input-clear based on whether the field has a value.