src/controls/IndicatorsPage.qml

0001 import QtQuick
0002 import QtQuick.Controls
0003 import QtQuick.Layouts
0004
0005 import org.mauikit.controls as Maui
0006
0007 DemoPage
0008 {
0009     id: control
0010     title: i18n("Indicators")
0011
0012     Maui.SectionGroup
0013     {
0014         title: control.title
0015         spacing: control.spacing
0016
0017         DemoSection
0018         {
0019             title: i18n("Holder")
0020             body: i18n("MauiKit control for a place holder message with optional list of actions.")
0021
0022             sampleText: 'import org.mauikit.controls as Maui
0023 Maui.ToolActions
0024 {
0025     Maui.Holder
0026     {
0027         anchors.fill: parent
0028         title: i18n("Holder")
0029         body: i18n("Holder body message with quick info.")
0030         emoji: "folder"
0031         isMask: false
0032
0033         Action
0034         {
0035             text: "Action1"
0036         }
0037
0038         Action
0039         {
0040             text: "Action2"
0041         }
0042     }
0043 }'
0044
0045             column: Pane
0046             {
0047                 Layout.fillWidth: true
0048                 implicitHeight: 500
0049
0050                 Maui.Holder
0051                 {
0052                     anchors.fill: parent
0053                     title: i18n("Holder")
0054                     body: i18n("Holder body message with quick info.")
0055                     emoji: "folder"
0056                     isMask: false
0057
0058                     Action
0059                     {
0060                         text: "Action1"
0061                     }
0062
0063                     Action
0064                     {
0065                         text: "Action2"
0066                     }
0067                 }
0068             }
0069         }
0070
0071         DemoSection
0072         {
0073             title: i18n("Badge")
0074             body: i18n("MauiKit control for small indicators to be place on the corner to other controls to indicate a pending state.")
0075
0076             sampleText: 'import org.mauikit.controls as Maui
0077 Maui.ToolActions
0078 {
0079     Maui.Badge
0080     {
0081         text: "+5"
0082     }
0083 }'
0084             Maui.Badge
0085             {
0086                 text: "+5"
0087             }
0088
0089             Maui.Badge
0090             {
0091                 icon.name: "love"
0092             }
0093
0094             Maui.Badge
0095             {
0096                 text: "longer text"
0097             }
0098         }
0099
0100         DemoSection
0101         {
0102             title: i18n("Progress")
0103             body: i18n("MauiKit control for small indicators to be place on the corner to other controls to indicate a pending state.")
0104
0105             Maui.ProgressIndicator
0106             {
0107             }
0108
0109             BusyIndicator
0110             {
0111                 visible: true
0112             }
0113         }
0114     }
0115 }