1. Select the component or container that needs to have a dynamic visibility
2. In the config panel, click the visibility icon
   
3. Click on the script icon
   
4. Set the visibility condition
   /** * @param {params} params * @param {api} params.api * @param {TransformApiHelpers} params.helpers */ function evaluateProperty({api, helpers}) { let user_roles = api.context.session.user.roles; let visibility_condition = user_roles.includes("THE USER'S ROLE THAT SHOULD NOT SEE THE ELEMENT"); return visibility_condition; }​
   

Labels:

• Multiple Versions
• UI Builder : Next Experience