FormGrid
Source: client/lib/theme/vueda-tailwind/form/index.js
Twelve-column field grid with
data-colspan hooks at the form breakpoint.
Vue component: FormGrid
| Slot | Default classes | Description |
|---|---|---|
| root | 7 classes | Twelve-column field grid with data-col span hooks at the form breakpoint. |
root
Twelve-column field grid with
data-colspan hooks at the form breakpoint.
Default classes:
text
grid grid-cols-12 gap-x-5 gap-y-4 min-w-0
[&>*]:col-span-12 [&>*]:min-w-0
[@media(min-width:720px)]:[&>[data-col='3']]:col-span-3
[@media(min-width:720px)]:[&>[data-col='4']]:col-span-4
[@media(min-width:720px)]:[&>[data-col='6']]:col-span-6
[@media(min-width:720px)]:[&>[data-col='8']]:col-span-8
[@media(min-width:720px)]:[&>[data-col='9']]:col-span-9Source: client/lib/theme/vueda-tailwind/form/FormGrid.theme.js:18