UbuntuShape

The UbuntuShape item provides a standard Ubuntu shaped rounded rectangle. More...

Import Statement: import Ubuntu.Components 1.1

Properties

Detailed Description

The UbuntuShape is used where a rounded rectangle is needed either filled with a color or an image that it crops.

When given with a color it is applied with an overlay blending as a vertical gradient going from color to gradientColor. Two corner radius are available, "small" (default) and "medium", that determine the size of the corners. Optionally, an Image can be passed that will be displayed inside the UbuntuShape and cropped to fit it.

Examples:

import Ubuntu.Components 1.1

UbuntuShape {
    color: "lightblue"
    radius: "medium"
}
import Ubuntu.Components 1.1

UbuntuShape {
    image: Image {
        source: "icon.png"
    }
}

Property Documentation

color : color

The top color of the gradient used to fill the shape. Setting only this one is enough to set the overall color the shape.


gradientColor : color

The bottom color of the gradient used for the overlay blending of the color that fills the shape. It is optional to set this one as setting color is enough to set the overall color of the shape.


image : Image

The image used to fill the shape.


radius : string

The size of the corners among: "small" (default) and "medium".