Forms

Forms overview

Minium styles form controls from semantic HTML. Most text-based controls fill the available width, so forms work best in a narrow container. Forms already provide consistent vertical spacing, so you do not need to add .flow.

Helper text appears directly after the field. This field is not marked as invalid. This field shows the invalid state.

Use input types

This example shows the main input types.

Use a textarea and select menu

Use checkboxes, radio buttons, and a switch

Preferences
Plan

Group fields with a fieldset

A <fieldset> displays a border and styled legend by default. Add .bare to remove the box. The .grid and .switcher layout classes and role="group" also remove it.

Personal information