Form Template v3

Form template example.

Dependencies

• Radio Checkbox Buttons

How to

The Form Template v3 component is used to distribute labels and input element along the same line past a specific breakpoint.

To edit the breakpoint that triggers the layout change, modify the .items-center@md class applied to the grid elements, and the .col-{size}@md classes applied to the form elements.

More info about the flexbox alignment classes on the CSS utils page; while you can learn more about the col classes on the Grid and Layout page.

Categories

• Forms > Templates

Bug report & feedback

Component Github page ↗