Skip to content

FormGrid

Source: client/lib/theme/vueda-tailwind/form/index.js

Twelve-column field grid with data-col span hooks at the form breakpoint.

Vue component: FormGrid

SlotDefault classesDescription
root7 classesTwelve-column field grid with data-col span hooks at the form breakpoint.

root

Twelve-column field grid with data-col span 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-9

Source: client/lib/theme/vueda-tailwind/form/FormGrid.theme.js:18

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2