You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Buttons

  1. Summary
    1. Buttons are used on the transactional pages of the system where users can make or save changes to a form. 
    2. On pages where a single action button appears, use the Orange button for that primary/default action.
    3. On forms that require primary and secondary action(s), the primary button appears in Green; and the secondary buttons appear in Orange.
  2. Code
  3. Example (in use, with an interaction, in context)
  4. Related patterns
    1. Hyperlinks
    2. Tabs
  5. Problem (business, user, technical)
    1. In some cases, users need to explicitly submit forms. Buttons give users control to make these changes themselves.
  6. Solution
    1. We provide buttons so users know they are taking action explicitly rather than relying on the system to save (or lose) changes for them. 
  7. Rationale (other things we tried)
  8. Accessibility
  • No labels