Show hide items based on changing the dropdown in Universal editor

[Dyanamic]

We have a requirement like on the selection of dropdown certain fields in the block should be hide and show. is it possible in Universal editor of EDS.

[muskaanchandwani]

Hello @Dyanamic 

For Edge Delivery Blocks, UE allows to select different block options through dropdowns or select fields.

You can use the classes property or any other configurable field to toggle between layout or variant options.

By combining options in your block’s model.json, you can build logic into the rendering code (in JavaScript/CSS) to show or hide specific fields or block
elements :
- The block’s model can be configured with a select field whose value determines which sub-fields or areas are visible
- The rendering logic (in your block JS) can check the current value and add or remove fields

Reference :
https://experienceleague.adobe.com/en/docs/experience-manager-learn/sites/edge-delivery-services/dev...

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/dev...