How to switch buttons in instance - figma?

Question

Figma

I'm going through figma lessons, I can't figure out how to make it so that I can switch instance between components in figma? Here is an example of an animated gif file . If you look closely from the side, there is a sign in the form of a pause, like on a player.

It is clear that the author somehow packed the layers, but the article does not say how this was done. I tried many different options but couldn't find a solution. How to do it?

Answer 1

Hello!
Let's do this:
1. create a button, call it buttons/first and turn it into a component
2. create another button, different from the previous one, and call it buttons/second and turn it into a component
3. we have 2 components. From ANY we make a copy (instance) and look - this object in the right panel has a choice: first or second
The separator / (slash) helped figma recognize elements of the same type and combine them, as it were, into one class buttons. By the way, if you do not like the separator / , then you can use, for example, a dash (-)