Field Group

Easily extend fields by adding text, buttons, icons and more.

Complex fields

You can use the `.field-group` class to create complex forms with states, buttons, icons and others.

To create a field with label and message, simply add `label` and `message` properties.

To extend a field with a text or icon, simply add `.addon` class inside `.field-group` element.

To set a field state, simply add `.field-group-success`, `.field-group-warn` or `.field-group-error` class in the `.field-group` element.

You can create a more efficient field with mixed types.

To create a field with mixed types, simply add one or more `.input` inside `.field-group` element.

To create a field with action buttons, simply add `.group-row` class in the `.field-group` element.

After, add a button with `.group-item` class.

Make fields look inactive by adding the `disabled` boolean attribute to any `.field-group` or `.input` element.