The :inputProperties property allows for advanced customization of all form fields and input components. By providing a dedicated :inputProperties object, you can easily adjust the appearance and behavior of input fields according to your requirements.
The currently supported properties include:
export interface InputByTypeProperties { variant?: 'outlined' | 'plain' | 'underlined' |
'filled' | 'solo' | 'solo-inverted' | 'solo-filled'; density?: 'default' | 'comfortable' | 'compact'; rounded?: boolean |
number; flat?: boolean;
passwordMinLength?: number;
passwordHasSpecSymbols?: boolean,
passwordHasCamelcase?: boolean,
}| property | default | type | description |
| variant | "outlined" | String | Vuetify field style: outlined, plain, underlined, filled, solo, solo-inverted, solo-filled |
| density | "default" | String | Vuetify density: default, comfortable, compact |
| rounded | false | Boolean/Number | Enables rounded corners or sets specific roundness radius |
| flat | false | Boolean | Removes elevation shadow for a flat design |
| preferredCountries | [] | Array | An array of country codes to appear at the top of all country selection lists (e.g. ['ru', 'by', 'ua', 'us']). Other countries follow after a divider. |
| onlyCountries | null | Array | Array of country codes to be available for selection. If omitted, all countries become selectable, with preferredCountries at the top. |
| passwordMinLength | null | Number | Set minimum password length |
| passwordHasSpecSymbols | false | Boolean | Password must include special characters |
| passwordHasCamelcase | false | Boolean | Password must include both uppercase and lowercase letters |
Notes:
- variant, density, rounded, flat – These are core Vuetify styling attributes for input fields.
- password* – Password input policy properties for user entry validation.
All configuration can be applied via code or through the admin panel for immediate effect.