ZOOlanders Documentation- Input Field Element

Text, Email, Date, and other one-line editing form controls.

The Input Element displays a grid of <input> HTML elements with support for text, date, email, number, password, tel, url, month, time, and week types. Each type is wrapped into a child element with its specific features and validation covered in the next sections.

Settings

Set multiple children of any type and control the display, grid, and settings of all of them within the parent with an option to override.

Setting	Description
Show Label	Should the label be displayed for all children.
Show Icon	Should the icon be displayed for all children.

Setting	Description
Size	The field size defined by `uk-form-{size}` modifier.
Width	The field width defined by `uk-form-width-{width}` modifier.
Full Width	Should the field occupy the full width of its parent.
Icon	The name of the Icon that will be displayed inside the field.
Icon Alignment	The side of the field where the icon will be aligned, `Left` or `Right`.

Setting	Description
Number of Columns	The amount of grid columns.
Column Gap	The size of the gap between grid columns.
Row Gap	The size of the gap between grid rows.