AppPaper

A sheet of paper with shadow. More...

Import Statement: import Felgo 3.0

List of all members, including inherited members

Properties

background : alias
elevated : bool
radius : real
shadow : alias
shadowColor : color
shadowOffsetDefault : real
shadowOffsetElevated : real
shadowSizeDefault : real
shadowSizeElevated : real

Detailed Description

The AppPaper offers a material style sheet of paper with shadow, which can also be elevated. This is a base component of the AppCard.

 import Felgo 3.0
 import QtQuick 2.0

 App {
   Page {
     AppPaper {
       anchors.centerIn: parent
       width: dp(300)
       height: appText.height

       AppText {
         id: appText
         width: parent.width
         padding: dp(15)
         text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
       }
     }
   }
 }

Property Documentation

background : alias

Alias to the Rectangle item used for the background.

This property was introduced in Felgo 2.18.1.

elevated : bool

Use this property to add elevation to the paper. An example usage would be:

 Page {
   Paper {
     anchors.centerIn: parent
     width: dp(200)
     height: dp(200)
     elevated: mouseArea.pressed // elevate the card if it is pressed

     MouseArea {
       id: mouseArea
       anchors.fill: parent
     }
   }
 }

This property was introduced in Felgo 2.18.1.

radius : real

The radius used for the edges. This changes both the background radius as well as the shadow radius. It is recommended to use values below dp(15), as this also influences the shadow spread. Higher values might lead to large shadows, so use carefully. Note that this radius does not automatically clip the content of the paper.

This property was introduced in Felgo 2.18.1.

shadow : alias

Alias to the RectangularGlow item used to create the shadow.

This property was introduced in Felgo 2.18.1.

shadowColor : color

The shadow color. The default value is "#70000000" by default.

This property was introduced in Felgo 2.18.1.

shadowOffsetDefault : real

The default vertical shadow offset, if the card is not elevated. This is set to dp(1) by default.

This property was introduced in Felgo 2.18.1.

shadowOffsetElevated : real

The vertical shadow offset, if the card is elevated. This is set to dp(5) by default.

This property was introduced in Felgo 2.18.1.

shadowSizeDefault : real

The default shadow size, if the card is not elevated. This is set to dp(3) by default.

This property was introduced in Felgo 2.18.1.

shadowSizeElevated : real

The shadow size, if the card is elevated. This is set to dp(8) by default.

This property was introduced in Felgo 2.18.1.