Basic Form Components
Commonly used form components.
Note
- Always add a label and fieldset legend. If you need to hide it add
.sr-onlyclass. - For fancy select refer to selectize.js documentation
This page outlines commonly used components in our forms.
Commonly used form components.
.sr-only class.These provides visual feedback to the user for important events
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, et, quae repellat beatae ut inventore qui delectus sunt ullam rem illo nulla est rerum dicta reprehenderit veritatis ipsam quisquam itaque.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, et, quae repellat beatae ut inventore qui delectus sunt ullam rem illo nulla est rerum dicta reprehenderit veritatis ipsam quisquam itaque.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, et, quae repellat beatae ut inventore qui delectus sunt ullam rem illo nulla est rerum dicta reprehenderit veritatis ipsam quisquam itaque.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, et, quae repellat beatae ut inventore qui delectus sunt ullam rem illo nulla est rerum dicta reprehenderit veritatis ipsam quisquam itaque.
Our buttons use a visual hierarchiy. In order of importance: Special, Primary, Default, Danger, Button Links.
You can use anchors a and button tags for buttons.
You can remove the solid fill by adding a .btn-outline class.
These buttons are commonoly used in tight spaces.
Button Special Button Primary Button Default Button Danger Button Link