Pattern Library

A practical approach to streamlining workflows
and coding processes across teams.

Form Elements

Buttons

Buttons can be styled in many different ways. There should be atleast two styles.

Inputs and Fields

Inputs

It's important to get a form right. A bad user experience will discourage the user from completing the form. Make sure to lighten the placeholder text so that the form doesn't look completed.




Input with Button



Input with Error or Required Message


This is an error message.

Dropdowns

Date Picker

Date:

Date:

Radio Buttons and Checkboxes