Button

Overview

The Button element gives users a clear, visible way to trigger an action. It is commonly used for saving, continuing, confirming, toggling, or starting a process.

When to use

• When users need an explicit clickable control
• When a page should offer clear next steps
• When the visual appearance of the action matters

Element-specific options

Option	Description
Button action type	Defines the general kind of action the button performs
Button action details	Defines the specific action configuration when additional settings are needed
Remember toggle state	Keeps the toggle state between interactions
Disabled rule	Defines under which condition the button becomes unavailable
Executing rule	Defines under which condition the button should show a busy or running state
Executing icon	Shows a different icon while the button action is running
Executing label	Shows a different label while the button action is running
Button image	Uses an image for the button or as part of its visual styling
Button icon	Displays an icon on the button
Button layout	Defines how the button content is visually arranged
Message after save	Shows feedback after a save-related action has completed
Button severity	Controls the visual emphasis of the button, such as neutral, success, warning, or danger styling
Image height	Defines the display height of the button image
Image style	Applies extra styling to the button image

Common configuration

This element also supports shared configuration options such as validation, rules, roles, styling, summaries, scoring, and prefilling.

See: Common element configuration