Component information

Use the button component to help users carry out an action like starting an application or saving their information.

Primary button

The FCDO primary button is used to draw attention to the most important action on a page. It should be reserved for the key task a user needs to complete, such as downloading a release, continuing a journey, or submitting a form.

Disabled button

The disabled button is used when an action is temporarily unavailable or cannot be completed.

Warning button

The FCDO warning buttons are designed to make users think carefully before they use them. They only work if used very sparingly.

Outline button

The FCDO outline button is used for alternative or supporting actions that are less important than the primary action on a page.

Outline warning button

The FCDO outline warning button is designed to make users think carefully before they use it. It only works if used very sparingly.

Icon button

The FCDO icon button is used for actions that are best represented by an icon rather than text.

Button group

Button groups are used when users need to choose between multiple actions, with a clear primary and secondary option.