Forms
Drocket implements a rules-based validation system making development easier
The component facilitates the management of the states of each of the input fields it contains and also provides a Grid system to control the columns that each field will occupy.
API Reference
Props
Explore the available props for the form component
| Property | Description | Type | Default |
|---|---|---|---|
| model-value | The v-model value of the component. Is true only if each of the input field validations are true | boolean | undefined |
| noGutters | Set to 0 the padding between your columns | boolean | false |
| outlined | modify the outlined property for each field component inside the form | boolean | false |
| disabled | set the component in disabled mode | boolean | false |
| readonly | set the component in read only mode | boolean | false |
| retain-color | modify the retain-color property for each field component inside the form | boolean | false |
| label-min-width | Provide a minimum size in pixels for the width of each label inside the component | number | string | undefined |
| color | Applies specified color to the component - supports only utility colors (for example primary or secondary) | string | undefined |
Events
| Name | Description | Type |
|---|---|---|
| update:modelValue | Event emitted when the form’s validity changes. | boolean |
| submit | The submit event fires when a form is submitted. |