UNPKG

@mozaic-ds/vue

Version:

Mozaic-Vue is the Vue.js implementation of ADEO Design system

github.com/adeo/mozaic-vue

adeo/mozaic-vue

23 lines (16 loc) • 1.2 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# MFieldGroup This component creates a structured form field for group field such as Radio Group, Checkbox Group or Toggle Group with a label, optional help text, error and validation message handling. ## Props | Name | Description | Type | Default | | --- | --- | --- | --- | | `id*` | A unique identifier for the form field, used to associate the label with the form element. | `string` | - | | `legend*` | The text displayed as the legend for the form fieldset. | `string` | - | | `requirementText` | Additional text displayed alongside the label, typically used to indicate if the form field is required or optional | `string` | - | | `helpText` | Text shown below the form field to provide additional context or instructions for the user. | `string` | - | | `isValid` | If `true`, applies a valid state to the form field. | `boolean` | - | | `isInvalid` | If `true`, applies an invalid state to the form field. | `boolean` | - | | `message` | message displayed when the form field has a valid or invalid state, usually indicating validation or errors. | `string` | - | ## Slots | Name | Description | | --- | --- | | `default` | Use this slot to insert the form element of your choice |