mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 06:16:32 +00:00
b2576f0e5e
This component can be used to render badges with additional information
as seen in the navbar tab buttons and menu items.
Here's how it can be used:
```
StatusBadge {
value: 2
}
```
By default and based on value, StatusBadge will change its width.
If no value is provided, it renders as badge indicator as seen in the profile
tab button.
Closes #15
39 lines
653 B
QML
39 lines
653 B
QML
import QtQuick 2.14
|
|
import QtQuick.Layouts 1.14
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Components 0.1
|
|
|
|
GridLayout {
|
|
columns: 6
|
|
columnSpacing: 5
|
|
rowSpacing: 5
|
|
property ThemePalette theme
|
|
|
|
StatusLoadingIndicator {
|
|
color: parent.theme.directColor4
|
|
}
|
|
|
|
StatusLetterIdenticon {
|
|
name: "#status"
|
|
}
|
|
|
|
StatusRoundedImage {
|
|
image.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg"
|
|
}
|
|
|
|
StatusBadge {}
|
|
|
|
StatusBadge {
|
|
value: 1
|
|
}
|
|
|
|
StatusBadge {
|
|
value: 10
|
|
}
|
|
|
|
StatusBadge {
|
|
value: 100
|
|
}
|
|
}
|