InputBackground QML Type

A state-aware input background visual. More...

Import Statement: import FluentUI.Controls 1.0

List of all members, including inherited members

Properties

activeColor : color
defaultColor : color
radius : int
target : Item

Detailed Description

InputBackground provides a background rectangle for text input controls that visually responds to interaction states such as hover, focus, and disabled. It can be customized with separate colors for active and default states, and supports configurable corner radius.

Usage Example

 import QtQuick
 import FluentUI.Controls

 TextField {
     background: InputBackground {
         target: parent
         radius: 8
     }
 }

Property Documentation

activeColor : color

The color displayed when the target control is active (focused or hovered).

defaultColor : color

The color displayed when the target control is in its default resting state.

radius : int

The corner radius of the background rectangle. Defaults to 4.

target : Item

The input control item that this background tracks for state changes. The background observes the target's hover, focus, and enabled states to update its appearance.

Contents