Placeholder button

A placeholder button is used to indicate something will be filled in that space, eg. a future card or tile.

Key points

• Used to signify a forthcoming element or action in the interface.
• Provides a visual indication that a space will be filled with content or functionality.

Copy, width and truncation

• Placeholder buttons should follow the width of their future, or parent, state (eg a tile on completion)
• Content should be clear and directly imply what the placeholder button will do.
• Include a noun so the action of the button is clear.
• Keep copy to a limit of 3 lines within the button.
• Max width of 750 pixels.

States

• States follow the existing styling for buttons