Skip to end of metadata
Go to start of metadata

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

Compare with Current View Page History

Version 1 Current »

All modals should have:

A header containing

  • A close "X" icon button on the left.

  • A title, centered horizontally and vertically within the header area.

    • Guidelines for text

A body containing the main content.

A footer containing action buttons and/or links.

  • At least one button should be presented.

When a "Cancel" button is needed, it should always be positioned far left.

The primary action button should always be positioned far right.

Button labels should be in sentence case e.g. "Import file".

Modals should be movable, allowing the user to reposition them.

  • No labels