Responsive stacked checkboxes with heading
This component uses Tailwind CSS utilities to create a responsive stacked layout of checkbox inputs with a heading. The fieldset and legend elements contain the heading, while each checkbox input is wrapped in a div to allow flexible styling. The divide-y, border, and py-4 utilities create the stacked vertical divider styling. The label and input pair together to connect the text and checkbox. The select-none utility prevents text highlight on label. The component adapts to mobile sizes by stacking vertically.
Similar Components
Other components related to form, checkbox, input, responsive, mobile, divide, stacked, tailwind tags