Standalone fields can be in 3 different widths:
When used on the same row, there can be only two standalone fields with
32px margin between them.
If there is need to use 2 or more fields on the same row that are
contextually belong together, those fields are called grouped
Grouped fields do not have any fixed widths as their width are pre-defined by the layout and they always have 16px margin between them.
When input field begin validation, it is emit event @validation
@return Boolean, is valid field or no.
All inputs are listen @validate event, which will run validation inside input, even if this input field was not touched. @emit event @validation
If you need validate some field(s) separately, you can specify validation
by name property.
Input with name property will be listen event @validate{name}.
Example:
name: 'test',
listener = 'validateTest'