# 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)
{"metaMigratedAt":"2023-06-17T13:12:10.849Z","metaMigratedFrom":"YAML","title":"Widgets Hands-on Guide","breaks":true,"description":"Introduction of Key Concepts","contributors":"[{\"id\":\"b5ad46de-5219-4f5b-86cb-7b6e5fd244ac\",\"add\":326,\"del\":0},{\"id\":\"8fd94413-7f80-4d35-8836-b2749a5438df\",\"add\":1603,\"del\":787},{\"id\":\"11708fc0-1a9b-4f59-82ba-9c2bb368a0ba\",\"add\":112,\"del\":4}]"}
Widgets Hands-on Guide
Getting started
System Widget Bundle
Custom Widget Bundle