FormModel
Source: client/lib/theme/vueda-tailwind/form/index.js
Root model-form wrapper.
Vue component: FormModel
| Slot | Default classes | Description |
|---|---|---|
| root | Root model-form wrapper. | |
| inner | flex flex-col | Vertical stack for generated fields. |
| label | 2 classes | Optional model-form label above the generated field stack. |
| beforeFields | Hook before the generated fields. | |
| afterFields | Hook after the generated fields. | |
| fields | flex w-full flex-col gap-7 | Container for generated field entries. |
| field | Wrapper around each generated field. | |
| fieldInner | Pass-through wrapper immediately inside a generated field. |
root
Root model-form wrapper.
Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:18
inner
Vertical stack for generated fields.
Default classes:
flex flex-col
Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:22
label
Optional model-form label above the generated field stack.
Default classes:
ml-2 leading-7
text-neutral-900/60 dark:text-white/60Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:26
beforeFields
Hook before the generated fields.
Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:30
afterFields
Hook after the generated fields.
Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:34
fields
Container for generated field entries.
Default classes:
flex w-full flex-col gap-7
Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:38
field
Wrapper around each generated field.
Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:42
fieldInner
Pass-through wrapper immediately inside a generated field.
Source: client/lib/theme/vueda-tailwind/form/FormModel.theme.js:48