Logo FluentUI

RoundRectangle QML Type

Rectangle with independent per-corner radius. More...

Import Statement: import FluentUI.impl 1.0

Properties

Detailed Description

The RoundRectangle type renders a filled and stroked rectangle where each corner can have its own radius value. It supports custom border styling including dash patterns.

Property Documentation

borderColor : color

The color of the rectangle's border stroke.

borderStyle : Qt.PenStyle

The pen style used for the border stroke, such as Qt.SolidLine or Qt.DashLine.

borderWidth : real

The width of the rectangle's border stroke.

color : color

The fill color of the rectangle.

dashPattern : list<real>

The dash pattern for the border stroke when using a dashed pen style. Each entry specifies the length of a dash or gap.

radius : list<int>

A list of up to four radius values, one per corner (top-left, top-right, bottom-right, bottom-left). If fewer than four values are provided, the last value is reused for remaining corners.