You can collect related components together and assign them different properties by using Component Variants. This helps developers to quickly access different variants of components — simplifying their Connected Components setup and even generating code snippets from variants.

You can collect variants of your components under a section on a component page and create properties to represent variants.

You can learn more about how to set up your component variants from these articles:

As developers inspect designs, when they select a component, they can view its properties on the right panel. More importantly, using the variant pop-up, they can also view and inspect other variants (specifically state variants) of the component using the shortcut V.

To learn more, you can check out this article: Viewing Component Variants within designs

If you have already set up your component variants in your styleguide or exported them from a design tool, you can view all variants of a selected component on the left panel in that component's detail view.

You can learn more about the component detail view here: Inspecting a component in the detail view

Using smart variant links in comments and annotations, you can document when and how to use component variants in the context of a design.

Learn more here: Document when and how to use Component Variants.

​