modules/system/quickshell/Toggle.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import QtQuick

Rectangle {
    id: root
    property bool checked: false
    signal toggled

    width: 40
    height: 22
    radius: 11
    color: checked ? Theme.accent : Theme.sliderTrack
    opacity: enabled ? 1.0 : 0.4

    Rectangle {
        width: 18
        height: 18
        radius: 9
        color: Theme.text
        anchors {
            verticalCenter: parent.verticalCenter
        }
        x: root.checked ? parent.width - width - 2 : 2
        Behavior on x {
            NumberAnimation {
                duration: 150
            }
        }
    }

    MouseArea {
        anchors {
            fill: parent
        }
        onClicked: root.toggled()
    }
}