mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 06:16:32 +00:00
e34aac0a0f
Added `StatusStepper` component which displays total number of steps which need to be passed, marking each completed step based on `completedSteps` property. Needed for importing a Keycard into the app flow. Corresponding page in API Documentation added.
55 lines
1.1 KiB
QML
55 lines
1.1 KiB
QML
import QtQuick 2.14
|
|
import QtQuick.Controls 2.14
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
|
|
Item {
|
|
id: root
|
|
width: 800
|
|
height: 100
|
|
|
|
Column {
|
|
anchors.fill: parent
|
|
spacing: 30
|
|
|
|
Grid {
|
|
columns: 2
|
|
rowSpacing: 20
|
|
columnSpacing: 50
|
|
|
|
Text {
|
|
text: "Total steps:"
|
|
}
|
|
SpinBox {
|
|
id: totalSteps
|
|
editable: true
|
|
height: 30
|
|
from: 1
|
|
value: 6
|
|
}
|
|
|
|
Text {
|
|
text: "Completed steps:"
|
|
}
|
|
SpinBox {
|
|
id: completedSteps
|
|
editable: true
|
|
height: 30
|
|
from: 1
|
|
to: totalSteps.value
|
|
value: 1
|
|
}
|
|
}
|
|
|
|
StatusStepper {
|
|
id: stepper
|
|
width: 400
|
|
title: "Account %1 of %2"
|
|
totalSteps: totalSteps.value
|
|
completedSteps: completedSteps.value
|
|
}
|
|
}
|
|
}
|