Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business

AppPaper

A sheet of paper with shadow. More...

Import Statement: import Felgo 4.0
Inherits:

Item

Properties

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
 import QtQuick

 App {
   AppPage {
     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

[since Felgo 2.18.1] background : alias

Alias to the Rectangle item used for the background.

This property was introduced in Felgo 2.18.1.


[since Felgo 2.18.1] elevated : bool

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

 AppPage {
   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.


[since 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.


[since 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.


[since 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.


[since 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.


[since 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.


[since 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.


[since 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.


Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded