feat(Storybook): scrollbar and button for clearing search input added

This commit is contained in:
Michał Cieślak 2023-04-19 13:23:00 +02:00 committed by Michał
parent 038ab08765
commit 1ac4c34a63
2 changed files with 19 additions and 7 deletions

View File

@ -32,6 +32,9 @@ ColumnLayout {
sourceModel: filteredModel sourceModel: filteredModel
} }
RowLayout {
Layout.fillWidth: true
TextField { TextField {
id: textField id: textField
@ -39,11 +42,18 @@ ColumnLayout {
placeholderText: "search" placeholderText: "search"
Keys.onEscapePressed: { Keys.onEscapePressed: {
text = "" clear()
focus = false focus = false
} }
} }
ToolButton {
text: "❌"
onClicked: textField.clear()
}
}
PagesList { PagesList {
id: pagesList id: pagesList

View File

@ -15,6 +15,8 @@ ListView {
readonly property string foldedPrefix: "▶ " readonly property string foldedPrefix: "▶ "
readonly property string unfoldedPrefix: "▼ " readonly property string unfoldedPrefix: "▼ "
ScrollBar.vertical: ScrollBar {}
delegate: ItemDelegate { delegate: ItemDelegate {
id: delegate id: delegate