73 lines
1.5 KiB
QML
73 lines
1.5 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import qs.components
|
|
import qs.config
|
|
import qs.services
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
|
|
StyledPanelWindow {
|
|
id: root
|
|
name: "storybook"
|
|
|
|
visible: Visibility.storybook
|
|
implicitWidth: 500
|
|
implicitHeight: 600
|
|
|
|
background.color: Styling.theme.base200
|
|
|
|
onFocusedChanged: {
|
|
Visibility.storybook = focused;
|
|
}
|
|
|
|
StyledTabBar {
|
|
id: tabs
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: view.top
|
|
implicitHeight: 40
|
|
|
|
StyledTabButton {
|
|
text: "Fields"
|
|
onClicked: tabs.setCurrentIndex(0)
|
|
}
|
|
StyledTabButton {
|
|
text: "Selectors"
|
|
onClicked: tabs.setCurrentIndex(1)
|
|
}
|
|
StyledTabButton {
|
|
text: "Components"
|
|
onClicked: tabs.setCurrentIndex(2)
|
|
}
|
|
}
|
|
|
|
SwipeView {
|
|
id: view
|
|
|
|
anchors.top: tabs.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
|
|
currentIndex: tabs.currentIndex
|
|
|
|
background: Rectangle {
|
|
color: Styling.theme.base100
|
|
radius: Styling.theme.radiusBox
|
|
}
|
|
|
|
ScrollView {
|
|
padding: 36
|
|
Fields {}
|
|
}
|
|
ScrollView {
|
|
padding: 36
|
|
Selectors {}
|
|
}
|
|
ScrollView {
|
|
padding: 36
|
|
Components {}
|
|
}
|
|
}
|
|
}
|