UbuntuShape
The UbuntuShape item provides a standard Ubuntu shaped rounded rectangle. More...
Import Statement: | import Ubuntu.Components 0.1 |
Inherits: |
Properties
- color : color
- gradientColor : color
- image : Item
- radius : string
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 0.1 UbuntuShape { color: "lightblue" radius: "medium" }
import Ubuntu.Components 0.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 : Item |
The image used to fill the shape.
radius : string |
The size of the corners among: "small" (default) and "medium".