Skip to main content
Solved

Create Button 'Master' Component

  • November 25, 2021
  • 3 replies
  • 1538 views

Neyna_Rahmadani

Hi, Figma newbie here 🙂 👋

So I’d like to ask about creating button as a master component, but still having some flexibility in terms of changing the call to action text.

At first I have this very generic button that I will use across all the pages:

  1. Default state: ‘BUTTON’ text on a black button
  2. Hover state: ‘BUTTON’ text on a grey button
    – I managed to set this as a master component, and also apply the color change effect upon hovering.

Then, I’d like to use that button in other page (creating an instance), and by that means I need to adjust the call to action text accordingly.

  1. Default state: ‘SUBSCRIBE’ text on a black button (as per the master state; only the text change)
  2. Hover state - this is where I got stuck: the color change to grey upon hovering, but the text remains the same (‘BUTTON’). How to make the text change (to SUBSCRIBE) on this instance element?

Thanks!

Best answer by Gleb

Sounds like you need interactive components:

View original
This topic has been closed for comments

3 replies

Gleb
  • Power Member
  • 4706 replies
  • Answer
  • November 25, 2021

Sounds like you need interactive components:


Neyna_Rahmadani

It works!!! Thanks Gleb!


  • 0 replies
  • December 25, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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