Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

e.g. Form Navigation (submit)

Left Aligned: <button primary>Submit<primary>Submit {{FormName}}</button>

When used within a mulistep form

...

Right Aligned:<button primary>Next / Submit {{FormName}}</button>

When used with an input (Inputs + Buttons)

When a button is needed to submit a form and there is only one input field then the input field and button must be connected

If there are multiple input fields then the button and the input field must be disconnected (not touch)

  • Buttons are used for actions "Submit", "Next", "Previous", "Cancel", "Find"

  • Links are used for navigation and usually appear within or following a sentence.

...