add styled tab view
This commit is contained in:
parent
24930ef2e0
commit
810d43e497
4 changed files with 107 additions and 0 deletions
26
modules/storybook/Navigation.qml
Normal file
26
modules/storybook/Navigation.qml
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
import qs.components
|
||||
import qs.components.TabView
|
||||
import qs.config
|
||||
import QtQuick
|
||||
import QtQuick.Controls
|
||||
|
||||
Item {
|
||||
anchors.fill: parent
|
||||
|
||||
StyledTabView {
|
||||
StyledTab {
|
||||
title: 'Red Tab'
|
||||
Rectangle {
|
||||
color: 'red'
|
||||
anchors.fill: parent
|
||||
}
|
||||
}
|
||||
StyledTab {
|
||||
title: 'Blue Tab'
|
||||
Rectangle {
|
||||
color: 'blue'
|
||||
anchors.fill: parent
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -40,6 +40,11 @@ StyledPanelWindow {
|
|||
text: "Components"
|
||||
onClicked: tabs.setCurrentIndex(2)
|
||||
}
|
||||
|
||||
StyledTabButton {
|
||||
text: "Navigation"
|
||||
onClicked: tabs.setCurrentIndex(3)
|
||||
}
|
||||
}
|
||||
|
||||
SwipeView {
|
||||
|
|
@ -69,5 +74,9 @@ StyledPanelWindow {
|
|||
padding: 36
|
||||
Components {}
|
||||
}
|
||||
ScrollView {
|
||||
padding: 36
|
||||
Navigation {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue