Skip to main content

Forms field

A field is a form element when user input is needed. It's typically used with other form elements in a fieldset.

Forms field - Code

All components which are tagged via form-ready are usable inside a form without requiring manual integration.

Label​

Each form-ready component includes a label attribute that displays a label above the component.

<ix-select label="Demo"></ix-select>

The label attribute is optional and can be left empty to display no label.

Required indicator​

To display an indicator whether a field is required, use the attribute required. The indicator is only displayed, when a label is set.

<ix-input label="Demo" required></ix-input>

Helper or feedback text​

To display a helper or feedback text below your component please refer to validation.

Counter​

To display a counter on inputs or textareas, use the attribute maxLength. If you prefer not to display a counter, programmatically apply a custom validation.

<ix-input max-length="128"></ix-input>