FormSection
Source: client/lib/theme/vueda-tailwind/form/index.js
Section stack for a long-form group.
Vue component: FormSection
| Slot | Default classes | Description |
|---|---|---|
| root | flex flex-col gap-3 [&+&]:mt-2 | Section stack for a long-form group. |
| head | flex items-baseline justify-between gap-2 pb-1.5 border-b-hairline | Header row that pairs the title slot with optional aside metadata. |
| aside | font-mono text-[length:var(--vueda-text-micro)] leading-none text-muted-foreground | Mono trailing metadata such as required or optional hints. |
root
Section stack for a long-form group.
Default classes:
flex flex-col gap-3 [&+&]:mt-2
Source: client/lib/theme/vueda-tailwind/form/FormSection.theme.js:17
head
Header row that pairs the title slot with optional aside metadata.
Default classes:
flex items-baseline justify-between gap-2 pb-1.5 border-b-hairline
Source: client/lib/theme/vueda-tailwind/form/FormSection.theme.js:21
aside
Mono trailing metadata such as required or optional hints.
Default classes:
font-mono text-[length:var(--vueda-text-micro)] leading-none text-muted-foreground
Source: client/lib/theme/vueda-tailwind/form/FormSection.theme.js:25