src/controls/DemoSection.qml

0001 import QtQuick
0002 import QtQuick.Controls
0003 import QtQuick.Layouts
0004
0005 import org.mauikit.controls as Maui
0006
0007 Maui.SectionItem
0008 {
0009     id: control
0010
0011     default property alias content : _content.data
0012     property alias column : _column.data
0013
0014     property string title
0015     property string body
0016
0017     property alias sampleText : _textArea.text
0018
0019     label1.text: control.title
0020     label2.text: control.body
0021     flat: false
0022
0023     Flow
0024     {
0025         id: _content
0026         Layout.fillWidth: true
0027         spacing: control.spacing
0028         visible: children.length > 0
0029
0030     }
0031
0032     ColumnLayout
0033     {
0034         id: _column
0035         Layout.fillWidth: true
0036
0037         visible: children.length > 0
0038     }
0039
0040     Item
0041     {
0042         Layout.fillWidth: true
0043         implicitHeight: Maui.Style.space.big
0044     }
0045
0046     Label
0047     {
0048         visible: _textArea.visible
0049         Layout.fillWidth: true
0050         text: i18n("Sample Code")
0051         font: Maui.Style.h2Font
0052     }
0053
0054     TextArea
0055     {
0056         id: _textArea
0057         visible: text.length > 0
0058         readOnly: true
0059         font.family: "Monospace"
0060         //        Layout.minimumHeight: 300
0061         Layout.fillWidth: true
0062         hoverEnabled: true
0063
0064         Maui.Chip
0065         {
0066             visible: parent.hovered
0067             text: i18n("Copy")
0068             color: Maui.Theme.positiveBackgroundColor
0069             onClicked: Maui.Handy.copyTextToClipboard(_textArea.text)
0070             anchors.right: parent.right
0071             anchors.top: parent.top
0072             anchors.margins: Maui.Style.space.big
0073         }
0074     }
0075
0076 }