# 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}]"}
Expand menu