import QtQuick 2.10
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3

ApplicationWindow {
    visible: true
    width: 480
    height: 600
    title: qsTr("Tabs")

    header: ToolBar {
        Label {
            text: "Indicator without disable state"
            anchors.centerIn: parent
        }
    }

    Flickable {
        anchors.fill: parent
        anchors.margins: 20
        contentHeight: layout.implicitHeight
        ScrollIndicator.vertical: ScrollIndicator{}

        ColumnLayout {
            id: layout
            anchors.fill: parent

            CheckBox {
                Layout.fillWidth: true
                text: "Enable Checkbox"
            }
            CheckBox {
                Layout.fillWidth: true
                text: "Disable Checkbox"
                enabled: false
            }
            CheckBox {
                Layout.fillWidth: true
                text: "Disable checked Checkbox"
                enabled: false
                checked: true
            }
            RadioButton {
                Layout.fillWidth: true
                text: "Enable RadioButton"
            }
            RadioButton {
                Layout.fillWidth: true
                text: "Disable RadioButton"
                enabled: false
            }
            RadioButton {
                Layout.fillWidth: true
                text: "Disable checked RadioButton"
                enabled: false
                checked: true
            }
            CheckDelegate {
                Layout.fillWidth: true
                text: "Enable CheckDelegate"
            }
            CheckDelegate {
                Layout.fillWidth: true
                text: "Disable CheckDelegate"
                enabled: false
            }
            CheckDelegate {
                Layout.fillWidth: true
                text: "Disable checked CheckDelegate"
                enabled: false
                checked: true
            }
            RadioDelegate {
                Layout.fillWidth: true
                text: "Enable RadioDelegate"
            }
            RadioDelegate {
                Layout.fillWidth: true
                text: "Disable RadioDelegate"
                enabled: false
            }
            RadioDelegate {
                Layout.fillWidth: true
                text: "Disable checked RadioDelegate"
                enabled: false
                checked: true
            }
        }
    }
}