diff options
author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-23 15:10:21 +0800 |
---|---|---|
committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-03-23 15:10:21 +0800 |
commit | 2cf3e72be21545981f27b838832a055d1dc27489 (patch) | |
tree | d7476a60ae843c95db25bc2dcee96d127388e59c /Button | |
parent | 48b85fe1c1945efb66a4eb81e4405efabc12c1ce (diff) |
NavLinks replace TabItem
Diffstat (limited to 'Button')
-rw-r--r-- | Button/NavLink.ui.qml | 21 | ||||
-rw-r--r-- | Button/NavLink/TabsLine.ui.qml | 19 |
2 files changed, 40 insertions, 0 deletions
diff --git a/Button/NavLink.ui.qml b/Button/NavLink.ui.qml new file mode 100644 index 0000000..45bffe3 --- /dev/null +++ b/Button/NavLink.ui.qml @@ -0,0 +1,21 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import Bootstrap 5.3 + +Btn { + id: button + font: Bootstrap.bodyFont + contentItem: Text { + text: modelData + font: button.font + color: checked + ? Bootstrap.navPillsLinkActiveColor : Bootstrap.primary + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + } + background: Rectangle { + color: checked + ? Bootstrap.navPillsLinkActiveBg : Bootstrap.btnBg + radius: Bootstrap.navPillsBorderRadius + } +} diff --git a/Button/NavLink/TabsLine.ui.qml b/Button/NavLink/TabsLine.ui.qml new file mode 100644 index 0000000..0d17f21 --- /dev/null +++ b/Button/NavLink/TabsLine.ui.qml @@ -0,0 +1,19 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import Bootstrap 5.3 +import ".." + +NavLink { + id: button + contentItem: Text { + text: modelData + font: button.font + color: Bootstrap.primary + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + } + background: Rectangle { + color: checked ? "#1a066ac9" : Bootstrap.btnBg + radius: Bootstrap.navPillsBorderRadius + } +} |