Skip to main content

Configure an action button for your interface

Configure how a button behaves and appears in your web application so users can perform key actions reliably.

Audience

This guide is designed for project manager.

Steps​

Step 1: Choose the button label​

Decide the exact text that should appear on the button so users clearly understand the action they are taking, such as "Click me", "Save", or "Delete".

Choose the button label

Step 2: Define what happens when the button is clicked​

Work with your development team to specify the outcome of a button click, ensuring that a single click performs the intended action once, such as submitting a form or deleting an item.

Define what happens when the button is clicked

Step 3: Select the visual style (variant)​

Agree which visual variant the button should use, for example a destructive style for irreversible actions like delete, so that risky actions are clearly highlighted to users.

Select the visual style (variant)

Step 4: Set the button size for accessibility​

Specify the button size so it remains comfortably clickable on mobiles and tablets, ensuring the minimum touch height is met for key actions.

Set the button size for accessibility

For navigation actions, confirm whether the button should behave like a link that takes users to another page or section, while still looking consistent with other buttons.

Decide if the button should act as a link

Step 6: Review and test the button behaviour​

Validate with your team that the button text, click behaviour, visual variant, size, and any link behaviour all work together to support the intended user journey.

Review and test the button behaviour

Last updated: 2026-06-12