import QtQuick 2.14 import QtQuick.Controls 2.14 import QtQuick.Layouts 1.14 import StatusQ.Core 0.1 import StatusQ.Core.Theme 0.1 import StatusQ.Controls 0.1 import Sandbox 0.1 GridLayout { columns: 1 columnSpacing: 5 rowSpacing: 5 StatusIconTabButton { icon.name: "chat" } StatusIconTabButton { icon.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg" } StatusIconTabButton { icon.color: Theme.palette.miscColor9 // This icon source is flawed and demonstrates the fallback case // when the image source can't be loaded icon.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jp" name: "Pascal" } StatusIconTabButton { name: "#status" } Button { text: "Hover me!" StatusToolTip { visible: parent.hovered text: "Top" } StatusToolTip { visible: parent.hovered text: "Right" orientation: StatusToolTip.Orientation.Right x: parent.width + 16 y: parent.height / 2 - height / 2 + 4 } StatusToolTip { visible: parent.hovered text: "Bottom" orientation: StatusToolTip.Orientation.Bottom y: parent.height + 12 } StatusToolTip { visible: parent.hovered text: "Left" orientation: StatusToolTip.Orientation.Left x: -parent.width /2 -8 y: parent.height / 2 - height / 2 + 4 } } StatusNavBarTabButton { icon.name: "chat" tooltip.text: "Chat" } StatusNavBarTabButton { name: "#status" tooltip.text: "Some Channel" } StatusNavBarTabButton { icon.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg" tooltip.text: "Some Community" } StatusNavBarTabButton { icon.name: "profile" tooltip.text: "Profile" badge.value: 0 badge.visible: true badge.anchors.leftMargin:-16 } StatusNavBarTabButton { icon.name: "chat" tooltip.text: "Chat" badge.value: 35 } StatusNavBarTabButton { icon.name: "chat" tooltip.text: "Chat" badge.value: 100 } StatusSwitch { } StatusRadioButton { text: "i'm radio!" } StatusCheckBox {} StatusChatInfoButton { title: "Iuri Matias" subTitle: "Contact" icon.color: Theme.palette.miscColor7 image.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg" type: StatusChatInfoButton.Type.OneToOneChat muted: true pinnedMessagesCount: 1 } Item { implicitWidth: 100 implicitHeight: 48 StatusChatInfoButton { title: "Iuri Matias elided" subTitle: "Contact" icon.color: Theme.palette.miscColor7 image.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg" type: StatusChatInfoButton.Type.OneToOneChat muted: true pinnedMessagesCount: 1 width: 100 } } Item { implicitWidth: 100 implicitHeight: 48 StatusChatInfoButton { title: "Iuri Matias big not elided" subTitle: "Contact" icon.color: Theme.palette.miscColor7 image.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg" type: StatusChatInfoButton.Type.OneToOneChat muted: true pinnedMessagesCount: 1 width: 400 } } StatusChatInfoButton { title: "group" subTitle: "Group Chat" pinnedMessagesCount: 1 icon.color: Theme.palette.miscColor7 type: StatusChatInfoButton.Type.GroupChat } StatusChatInfoButton { title: "public-chat" subTitle: "Public Chat" icon.color: Theme.palette.miscColor7 type: StatusChatInfoButton.Type.PublicChat } StatusChatInfoButton { title: "community-channel" subTitle: "Community Chat" icon.color: Theme.palette.miscColor7 type: StatusChatInfoButton.Type.CommunityChat } StatusSlider { width: 360 from: 0 to: 100 value: 40 } }