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