lux-shell/modules/storybook/Storybook.qml
2025-09-07 23:33:03 -04:00

70 lines
1.5 KiB
QML

pragma ComponentBehavior: Bound
import qs.components
import qs.services
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Quickshell.Hyprland
import Quickshell.Wayland
StyledPanelWindow {
id: root
name: "storybook"
visible: Visibility.storybook
implicitWidth: 500
implicitHeight: 600
WlrLayershell.layer: WlrLayer.Top
WlrLayershell.keyboardFocus: root.visible ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None
HyprlandFocusGrab {
active: Visibility.storybook
windows: [root]
onCleared: {
Visibility.storybook = false;
}
}
ColumnLayout {
id: layout
anchors.fill: parent
spacing: 0
StyledTabBar {
id: tabs
Layout.fillWidth: true
StyledTabButton {
text: "Fields"
}
StyledTabButton {
text: "Selectors"
}
StyledTabButton {
text: "Components"
}
}
StackLayout {
currentIndex: tabs.currentIndex
ScrollView {
Layout.maximumHeight: 400
padding: 36
Fields {}
}
ScrollView {
Layout.maximumHeight: 400
padding: 36
Selectors {}
}
ScrollView {
Layout.maximumHeight: 400
padding: 36
Components {}
}
}
}
}