Appearance
Field
A container for form controls with label and description.
Examples
Default
We'll never share your email with anyone else.
vue
<Field>
<FieldLabel>Email</FieldLabel>
<Input type="email" placeholder="Email" />
<FieldDescription>
We'll never share your email with anyone else.
</FieldDescription>
</Field>Props
Field
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | 'horizontal' | 'vertical' | 'responsive' | 'vertical' | The orientation of the field |
Slots
Field
| Slot | Description |
|---|---|
| default | The field content |
FieldLabel
| Slot | Description |
|---|---|
| default | The label content |
FieldDescription
| Slot | Description |
|---|---|
| default | The description content |
FieldError
| Slot | Description |
|---|---|
| default | The error message content |