FormControl

FormControl is a semantic component that's the equivalent of enabling flexbox with flex-col. The styles vertically position Label and inputs.

Basic Usage

A basic example wrapping a label and input.

Code Example
Basic.vue

FormControl

The FormControl component is a semantic wrapper that applies vertical flexbox (flex-col). It is intended to wrap Label, input, and other form elements for consistent vertical alignment. Note that even though form-control was removed from DaisyUI, the FormControl component is still available for use in DaisyUI Kit.