How to create LED indicator in QML

James A

Hi All,

I wanted to create a circular LED indicator as shown in the below image. How to do this in QML ?

Regards,
James A

IntruderExcluder

Use Rectangle with radius and border. Colors can be changed via states.

ndias

You can use StatusIndicator QML Type if you are using Qt5:
https://doc.qt.io/qt-5/qml-qtquick-extras-statusindicator.html

Regards

James A

Hi @ndias

Thanks for the link

Regards,
James A

panch

@ndias said in How to create LED indicator in QML:

Hi @James-A,

You can use StatusIndicator QML Type if you are using Qt5:
https://doc.qt.io/qt-5/qml-qtquick-extras-statusindicator.html

Regards

Hi,
A bit related - I have a project that used Qt5.13 and the StatusIndicator QML type. After upgrading the project to Qt6, I now get the error: module "QtQuick.Extras" is not installed

I have since discovered, that these controls have moved to the Enterprise Controls?
https://doc.qt.io/QtQuickEnterpriseControls/qml-qtquick-enterprise-controls-statusindicator.html

So I am not able to use it in this standard Open Source project anymore?