Downloadv1.1

Primary Buttons

Secondary Buttons

Disabled Buttons

Links that look like buttons

Button Button Button Button Button Button

Double decker buttons

Button group

Basic form
  1. Legend pretending to be a label
Flexible notes and error messages
  1. A short note about this field.
  2. This note will wrap sooner than one above.
  3. Help
  4. When an error message or input note is too long to fit next to the input it belongs to, it automatically wraps and indents itself. It's amazing.
  5. When an error message or input note is too long to fit next to the input it belongs to, it automatically wraps and indents itself. It's amazing.

Errors
Dropped notes and error messages (in progress)
  1. A short note about this field.
  2. This note will wrap sooner than one above.
  3. Help
  4. When an error message or input note is too long to fit next to the input it belongs to, it automatically wraps and indents itself. It's amazing.
  5. When an error message or input note is too long to fit next to the input it belongs to, it automatically wraps and indents itself. It's amazing.

Errors
Required fields
  1. This field is required
  2. This field is NOT required
Directly set field widths.
Prefixes and separators
  1. AU$
  2. AU$
  3. / /
Labels
Labelling a whole paragraph
Labelling a whole paragraph
Vertical
  1. This is a note relating to this field
  2. This is a note relating to this field
  3. This is a note relating to this field
Inline forms
Vertical forms
Inline-vertical forms
Bordered form
  1. A Gaggle of buttons
Hoverable form
  1. A Gaggle of buttons
Form with Dividers
  1. A Gaggle of buttons
labels inside fields
  1. A Gaggle of buttons