Skip to main content
Solved

Enable/disable button with checkboxes

  • November 7, 2023
  • 7 replies
  • 1354 views
Mara_Varady

Hello,

I have searched but can’t find anything on this topic. I have a screen with multiple checkboxes (only 4 need to be functional) and a button that I want to be grey when none of the boxes are selected, but functional when at least one of the checkboxes is checked. My checkboxes are components, but my button is a button with a grey overlay.

Screen Shot 2023-11-07 at 12.43.13 PM

hopefully the image kinda shows what I’m trying to do.

Any help will be much appreciated! This seems so simple but I can’t for the life of me figure it out.

Thanks!

Best answer by Gayani_S

Hey @Sanchay, I found a perfect YouTube video explaining how to create this design.

Please let me know if you have any further questions.

View original
This topic has been closed for comments

Gayani_S
Figmate
  • Gayani_S
  • Community Support
  • November 9, 2023

Hey Mara, thank you for reaching out! Could you share your file with me? I can try to figure this out for you.

Sanchay

@Gayani_S Were you able to figure this out? I’m also trying to do same with my workflow

Gayani_S
Figmate
  • Gayani_S
  • Community Support
  • April 25, 2024

Hey Sanchay, unfortunately I did not yet. Let me ask internally, if the team has any idea to solve this. I will get back to you once asap.

Gayani_S
Figmate
  • Gayani_S
  • Community Support
  • April 26, 2024

Hey @Sanchay, I found a perfect YouTube video explaining how to create this design.

Please let me know if you have any further questions.

E
1 person likes this
  • E
    Esin
E
  • Esin
  • May 30, 2024

thank you for this content, it saved my life literally

Gayani_S
1 person likes this
  • Gayani_S
    Gayani_S
Josh_Perez

Hi @Gayani_S what if you’re working in a design system already?

Gayani_S
Figmate
  • Gayani_S
  • Community Support
  • September 18, 2024

Hey @Josh_Perez, my guessing is you will be still able work with them. Can you apply the variables and try it out yourself? You can see in the YouTube video from the 8:00 you should follow these steps.

If it is not working for you feel free to share a copy of your file and invite support-share@figma.com directly as an editor (this won’t affect your billing at all).

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings