Component Boolean - Hide when True

Currently, using Figma component boolean properties, it only shows when true and hides when false. What if you could switch those around?

For example, when something is true, it could show some elements, and hide others. For example, a product thumbnail- when “on sale” is true, show sale icon, show strikethrough price, but also hide original price and replace it with a bolded/colorful/what have you of price.

Or if ‘Out of Stock’ is true, show all the ‘out of stock’ stuff material, but also hide the ‘add to cart’ button. Stuff like that.

Currently you have to create new variants just to show + hide things at the same time, or add redundant switches like ‘In Stock’ and ‘Out of Stock’ and just make sure they never have the same state.

Hi there,

Thank you for sharing your idea! We greatly value your feedback, and we would like to gauge the reaction of other members in the community. We may consider it for future enhancements!

Thanks,
Toku

Would definitely use this! :100:%

1 Like