diff --git a/examples/iot-dashboard/Humidity.cpp b/examples/iot-dashboard/Humidity.cpp
new file mode 100644
index 00000000..47537796
--- /dev/null
+++ b/examples/iot-dashboard/Humidity.cpp
@@ -0,0 +1,55 @@
+#include "Humidity.h"
+#include "DaytimeSkin.h"
+#include "RoundedIcon.h"
+
+#include <QskBoxShapeMetrics.h>
+#include <QskGraphic.h>
+#include <QskGraphicLabel.h>
+#include <QskPushButton.h>
+#include <QskTextLabel.h>
+
+#include <QImage>
+
+Humidity::Humidity(QQuickItem *parent)
+    : QskLinearBox(Qt::Horizontal, parent)
+{
+    setMargins(17);
+    setSpacing(20);
+
+    QskGradient gradient(QskGradient::Vertical, "#6776FF", "#6100FF");
+    auto* icon = new RoundedIcon("humidity", gradient, this);
+
+    auto *titleAndValue = new QskLinearBox(Qt::Vertical, this);
+
+    auto* title = new QskTextLabel("Humidity", titleAndValue);
+    title->setFontRole(DaytimeSkin::TitleFont);
+
+    auto* value = new QskTextLabel("30%", titleAndValue);
+    value->setFontRole(QskSkin::HugeFont);
+    value->setTextColor("#929CB2");
+
+    auto* buttons = new QskLinearBox(Qt::Vertical, this);
+    buttons->setSpacing(0);
+
+    QImage upImage( ":/images/up.png");
+    auto upGraphic = QskGraphic::fromImage( upImage );
+    upGraphic.setDefaultSize({10, 5.71});
+    auto* upButton = new QskPushButton(buttons);
+    upButton->setBoxShapeHint(QskPushButton::Panel, {30, 30, 0, 0});
+    upButton->setSizePolicy(QskSizePolicy::Fixed, QskSizePolicy::Expanding);
+    upButton->setFixedWidth(32);
+    upButton->setGradientHint(QskPushButton::Panel, {"#f7f7f7"});
+    upButton->setGraphic(upGraphic);
+    upButton->setGraphicSourceSize({10, 5.71});
+
+    QImage downImage( ":/images/down.png");
+    auto downGraphic = QskGraphic::fromImage( downImage );
+    downGraphic.setDefaultSize({10, 5.71});
+    auto* downButton = new QskPushButton(buttons);
+    downButton->setBoxShapeHint(QskPushButton::Panel, {0, 0, 30, 30});
+    downButton->setSizePolicy(QskSizePolicy::Fixed, QskSizePolicy::Expanding);
+    downButton->setFixedWidth(32);
+    downButton->setGradientHint(QskPushButton::Panel, {"#f7f7f7"});
+    downButton->setGraphic(downGraphic);
+    downButton->setGraphicSourceSize({10, 5.71});
+}
diff --git a/examples/iot-dashboard/Humidity.h b/examples/iot-dashboard/Humidity.h
new file mode 100644
index 00000000..49d9be42
--- /dev/null
+++ b/examples/iot-dashboard/Humidity.h
@@ -0,0 +1,12 @@
+#ifndef HUMIDITY_H
+#define HUMIDITY_H
+
+#include <QskLinearBox.h>
+
+class Humidity : public QskLinearBox
+{
+public:
+    Humidity( QQuickItem* parent );
+};
+
+#endif // HUMIDITY_H
diff --git a/examples/iot-dashboard/MainContent.cpp b/examples/iot-dashboard/MainContent.cpp
index d0cede61..f1d0fcf5 100644
--- a/examples/iot-dashboard/MainContent.cpp
+++ b/examples/iot-dashboard/MainContent.cpp
@@ -1,6 +1,7 @@
 #include "MainContent.h"
 
 #include "Card.h"
+#include "Humidity.h"
 #include "IndoorTemperature.h"
 #include "PieChart.h"
 #include "TopBar.h"
@@ -34,6 +35,9 @@ MainContent::MainContent( QQuickItem *parent ) : QskLinearBox( Qt::Vertical, par
 
     auto* indoorTemperature = new IndoorTemperature(gridBox);
     gridBox->addItem(indoorTemperature, 0, 1);
+
+    auto* humidity = new Humidity(gridBox);
+    gridBox->addItem(humidity, 1, 1);
 }
 
 void MainContent::addCard( const QString &title, QskControl *content, int column )
diff --git a/examples/iot-dashboard/images.qrc b/examples/iot-dashboard/images.qrc
index b0f697a4..423b6367 100644
--- a/examples/iot-dashboard/images.qrc
+++ b/examples/iot-dashboard/images.qrc
@@ -9,6 +9,7 @@
         <file>images/members.png</file>
         <file>images/logout.png</file>
         <file>images/indoor-temperature.png</file>
+        <file>images/humidity.png</file>
         <file>images/up.png</file>
         <file>images/down.png</file>
     </qresource>
diff --git a/examples/iot-dashboard/images/humidity.png b/examples/iot-dashboard/images/humidity.png
new file mode 100644
index 00000000..d280cf4e
Binary files /dev/null and b/examples/iot-dashboard/images/humidity.png differ
diff --git a/examples/iot-dashboard/images/humidity.svg b/examples/iot-dashboard/images/humidity.svg
new file mode 100644
index 00000000..1d5c6814
--- /dev/null
+++ b/examples/iot-dashboard/images/humidity.svg
@@ -0,0 +1,8 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.0136 3.72979C31.7726 2.00408 30.552 0.639961 30.5007 0.582689C30.2986 0.357528 29.9343 0.357528 29.7322 0.582689C29.6808 0.639961 28.4602 2.00408 27.2192 3.72979C25.5104 6.10585 24.644 7.94225 24.644 9.18776C24.644 12.2052 27.0989 14.6602 30.1164 14.6602C33.1339 14.6602 35.5888 12.2052 35.5888 9.18776C35.5888 7.94225 34.7224 6.10585 33.0136 3.72979ZM30.1164 13.6277C27.6683 13.6277 25.6765 11.6359 25.6765 9.18776C25.6765 7.2826 28.5932 3.48776 30.1165 1.71111C31.6398 3.48721 34.5563 7.28122 34.5563 9.18776C34.5563 11.636 32.5646 13.6277 30.1164 13.6277Z" fill="white"/>
+<path d="M11.3587 9.18776C11.3587 7.94218 10.4923 6.10585 8.78347 3.72972C7.54244 2.00408 6.32184 0.639961 6.27049 0.582689C6.06839 0.357528 5.70411 0.357528 5.50201 0.582689C5.45066 0.639961 4.23007 2.00408 2.98903 3.72979C1.28025 6.10585 0.413818 7.94225 0.413818 9.18776C0.413818 12.2052 2.86877 14.6602 5.88625 14.6602C8.90373 14.6602 11.3587 12.2053 11.3587 9.18776ZM5.88625 13.6277C3.43811 13.6277 1.44635 11.6359 1.44635 9.18776C1.44635 7.2826 4.36299 3.48776 5.88632 1.71111C7.40965 3.48721 10.3261 7.28122 10.3261 9.18776C10.3261 11.636 8.33439 13.6277 5.88625 13.6277Z" fill="white"/>
+<path d="M24.0582 16.2067C23.8175 16.3597 23.7464 16.6787 23.8994 16.9194C26.1878 20.5203 27.3974 23.3691 27.3974 25.1577C27.3974 30.3387 23.1823 34.5537 18.0014 34.5537C12.8204 34.5537 8.60529 30.3387 8.60529 25.1577C8.60529 20.5425 16.1754 11.1013 18.0016 8.89127C18.7954 9.8509 20.6738 12.1743 22.5329 14.8628C22.695 15.0972 23.0166 15.156 23.2512 14.9938C23.4857 14.8316 23.5443 14.51 23.3822 14.2755C20.9176 10.7114 18.4188 7.78012 18.3938 7.75094C18.1909 7.51352 17.8118 7.51352 17.6089 7.75094C17.1991 8.23045 7.57275 19.5571 7.57275 25.1577C7.57275 30.9081 12.251 35.5863 18.0014 35.5863C23.7517 35.5863 28.43 30.9081 28.43 25.1577C28.43 23.1442 27.1988 20.1861 24.7709 16.3655C24.6179 16.125 24.299 16.0538 24.0582 16.2067Z" fill="white"/>
+<path d="M22.2212 20.3871C22.0196 20.1855 21.6927 20.1855 21.4911 20.3871L13.7815 28.0967C13.5799 28.2983 13.5799 28.6252 13.7815 28.8268C13.8823 28.9276 14.0145 28.978 14.1466 28.978C14.2787 28.978 14.4108 28.9276 14.5116 28.8268L22.2212 21.1172C22.4228 20.9156 22.4228 20.5887 22.2212 20.3871Z" fill="white"/>
+<path d="M15.2479 24.0218C16.1399 24.0218 16.8655 23.2962 16.8655 22.4042C16.8655 21.5122 16.1399 20.7866 15.2479 20.7866C14.3559 20.7866 13.6302 21.5122 13.6302 22.4042C13.6302 23.2962 14.3559 24.0218 15.2479 24.0218ZM15.2479 21.8191C15.5705 21.8191 15.833 22.0816 15.833 22.4042C15.833 22.7268 15.5705 22.9893 15.2479 22.9893C14.9253 22.9893 14.6628 22.7268 14.6628 22.4042C14.6628 22.0816 14.9253 21.8191 15.2479 21.8191Z" fill="white"/>
+<path d="M20.7547 25.192C19.8628 25.192 19.1371 25.9177 19.1371 26.8097C19.1371 27.7016 19.8628 28.4273 20.7547 28.4273C21.6467 28.4273 22.3724 27.7016 22.3724 26.8097C22.3724 25.9177 21.6467 25.192 20.7547 25.192ZM20.7547 27.3948C20.4321 27.3948 20.1696 27.1323 20.1696 26.8097C20.1696 26.487 20.4321 26.2246 20.7547 26.2246C21.0774 26.2246 21.3398 26.487 21.3398 26.8097C21.3398 27.1323 21.0774 27.3948 20.7547 27.3948Z" fill="white"/>
+</svg>
diff --git a/examples/iot-dashboard/iot-dashboard.pro b/examples/iot-dashboard/iot-dashboard.pro
index b1273538..dec833b7 100644
--- a/examples/iot-dashboard/iot-dashboard.pro
+++ b/examples/iot-dashboard/iot-dashboard.pro
@@ -4,6 +4,7 @@ SOURCES += \
     Card.cpp \
     CircularProgressBar.cpp \
     DaytimeSkin.cpp \
+    Humidity.cpp \
     IndoorTemperature.cpp \
     MainContent.cpp \
     MenuBar.cpp \
@@ -20,6 +21,7 @@ HEADERS += \
     Card.h \
     CircularProgressBar.h \
     DaytimeSkin.h \
+    Humidity.h \
     IndoorTemperature.h \
     MainContent.h \
     MainWindow.h \