src/controls/InputsPage.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("Inputs")
0011
0012     Maui.SectionGroup
0013     {
0014         title: control.title
0015         spacing: control.spacing
0016
0017         DemoSection
0018         {
0019             title: "TextField"
0020             body: i18n("Different button states: Regular, Checkable and flat. Can also have different layouts")
0021
0022             TextField
0023             {
0024                 placeholderText: "TextField"
0025             }
0026         }
0027
0028         DemoSection
0029         {
0030             title: "SearchField"
0031             body: i18n("Different button states: Regular, Checkable and flat. Can also have different layouts")
0032
0033             Maui.SearchField
0034             {
0035                 placeholderText: "SearchField"
0036             }
0037
0038         }
0039
0040         DemoSection
0041         {
0042             title: "PasswordField"
0043             body: i18n("Different button states: Regular, Checkable and flat. Can also have different layouts")
0044
0045             Maui.PasswordField
0046             {
0047                 placeholderText: "PasswordField"
0048             }
0049         }
0050
0051         DemoSection
0052         {
0053             title: "TextFieldPopup"
0054             body: i18n("Different button states: Regular, Checkable and flat. Can also have different layouts")
0055
0056             column: Maui.TextFieldPopup
0057             {
0058                 Layout.fillWidth: true
0059                 Layout.minimumWidth: 500
0060                 placeholderText: "PasswordField"
0061             }
0062         }
0063
0064         DemoSection
0065         {
0066             title: "TextArea"
0067             body: i18n("Different button states: Regular, Checkable and flat. Can also have different layouts")
0068
0069             column: TextArea
0070             {
0071                 Layout.fillWidth: true
0072                 implicitHeight: 250
0073                 placeholderText: "Text Area Input..."
0074             }
0075         }
0076     }
0077
0078     Maui.SectionGroup
0079     {
0080         title: i18n("Input Fields")
0081         spacing: control.spacing
0082
0083         DemoSection
0084         {
0085             title: "Sliders"
0086             body: i18n("Different button states: Regular, Checkable and flat. Can also have different layouts")
0087
0088             column:[
0089
0090                 Slider
0091                 {
0092                     Layout.fillWidth: true
0093                     from: 0
0094                     to: 100
0095                     value: 50
0096                 }
0097             ]
0098         }
0099
0100         DemoSection
0101         {
0102             title: "ProgressBar"
0103             body: i18n("Different button states: Regular, Checkable and flat. Can also have different layouts")
0104
0105             column:[
0106                 ProgressBar
0107                 {
0108                     Layout.fillWidth: true
0109                     from: 0
0110                     to: 100
0111                     value: 50
0112                 },
0113
0114                 ProgressBar
0115                 {
0116                     Layout.fillWidth: true
0117                     indeterminate: true
0118                     from: 0
0119                     to: 100
0120                     value: 50
0121                 }
0122             ]
0123         }
0124     }
0125 }