Logo FluentUI

StandardButton QML Type

A Fluent Design standard button. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Detailed Description

StandardButton is a versatile button control that follows the Fluent Design guidelines. It supports text, icon, highlighted, flat, and accent color variants, making it suitable for a wide range of interaction scenarios.

Property Documentation

accentColor : var

The accent color used for the highlighted state. When set, this overrides the default theme accent color for this button.

display : enumeration

Controls how the icon and text are arranged within the button. Common values include AbstractButton.TextOnly, AbstractButton.IconOnly, and AbstractButton.TextBesideIcon.

enabled : bool

Whether the button is enabled and can be interacted with.

flat : bool

Whether the button is displayed in flat mode without a background border. Flat buttons are commonly used in toolbars and less prominent locations.

font : font

The font used for the button text.

highlighted : bool

Whether the button is displayed in its highlighted (accent) visual state.

icon : var

The icon displayed on the button. This can be an icon from the FluentIcons font or an image source URL.

iconMirrored : bool

Whether the icon is mirrored (flipped horizontally). This is typically used for right-to-left language support.

spacing : real

The spacing between the icon and text within the button in pixels.

text : string

The text label displayed on the button.