lux-shell/components/StyledSwitch.qml
2025-08-27 09:59:49 -04:00

38 lines
989 B
QML

import qs.config
import QtQuick
import QtQuick.Controls
Switch {
id: control
indicator: Item {
implicitWidth: 48
implicitHeight: 26
Rectangle {
implicitWidth: parent.width
implicitHeight: parent.height - 4
x: control.leftPadding
y: parent.height / 2 - height / 2
radius: 8
color: control.checked ? Theme.palette.primary : Theme.palette.base100
Behavior on color {
ColorAnimation {
duration: 150
}
}
}
Rectangle {
x: control.checked ? parent.width - 3 * width / 4 : width / 4
y: parent.height / 2 - height / 2
Behavior on x {
NumberAnimation {
duration: 150
}
}
width: 26
height: 26
radius: 8
color: Theme.palette.basecontent
}
}
}