---
# System prepended metadata

title: Widgets Hands-on Guide
tags: [Widgets]

---

---
title: Widgets Hands-on Guide
tags: Widgets 
image:
---

# Widgets Hands-on Guide

## Getting started

* [Introduction of Key Concepts](https://hackmd.io/ukP5cTWIReCMmJ0zB1BdfA)
* [Rule of thumb](/4a2Jvb91TlO1QSp2Eijt8Q)


## :gear: System Widget Bundle

* [Analogue gauges](/oS4IXFO8SxOMnqtC1qbPCg)
* [Digital gauges](/M4gb6SkkRXm1RCbwI6CRhw)
* [GPIO gauges](/8ui-pb5mRNqQd_ElZsv1MQ)
* [Date](/BlY-gHPPQ36XXEw_Mv0SSg)
* [Cards](/hifyH8voQaCKFL5DIu8glw)
* [Navigation widgets](/DHHp6YVOSWO9jex4zlVW2Q)
* [Entity admin widgets](/5cVsNPOrQz2D-GdfySv8xg) 
* [Input widgets](/c5lPBSP3RWeWqlTb_e77Ew)
* [Charts](/7qUD3WcESCOGcUNkIJ_Hfg)
* [Maps](/qd42i2gpQxSGPVvYXmTu2w)
* [Edge entities](/MT_SRLPNRCGNqjnpTSrPsg)
* [Alarm widgets](/wdq9f66pRsupqro49FsM4w)
* [Control widgets](/6o3grZ1LTCilD9XguDcUAQ)
* [Gateway widgets](/wsBAq0RnSQyIBh10SHzgIA) 
* [Layout](https://hackmd.io/j-OruKojSZ-7yZxPGsGJaQ)

Additional Support: [thingsboard-ui-help](https://github.com/thingsboard/thingsboard-ui-help/tree/master/help/en_US/widget/lib)

## :pencil: Custom Widget Bundle

* [column menu widget](/f85VLJuwRB-ybv2uktWaKg)
* [row menu widget](/hWI4ceUZRBujDhNn2o3R7w)
* dynamic state widget
* [Dynamic State Widget With Menu](https://hackmd.io/@Vian/r1MLxllYj)
