# \#variants

**URL:** https://community.penpot.app/tag/variants/121.md

[Latest](https://community.penpot.app/latest.md) · [Categories](https://community.penpot.app/categories.md) · [Tags](https://community.penpot.app/tags.md)

---

## [Component contents resets size when I change variant](https://community.penpot.app/t/component-contents-resets-size-when-i-change-variant/10080)

<div class="topic-metadata">

**Author:** [@Anders\_Carlsson](https://community.penpot.app/u/Anders_Carlsson)\
**Replies:** 15\
**Last updated:** [September 2, 2026, 12:34pm UTC](https://community.penpot.app/t/component-contents-resets-size-when-i-change-variant/10080 "2026-09-02T12:34:29Z")

</div>

I’ve created a component that contains a set of icons, where each icon is a variant. I can create instances and resize the instances and that works well. But if I change the size of the instance and then change the vari…

---

## [Variant with different font weights resets text content](https://community.penpot.app/t/variant-with-different-font-weights-resets-text-content/10714)

<div class="topic-metadata">

**Author:** [@Dylan](https://community.penpot.app/u/Dylan)\
**Replies:** 0\
**Last updated:** [July 8, 2026, 6:17pm UTC](https://community.penpot.app/t/variant-with-different-font-weights-resets-text-content/10714 "2026-07-08T18:17:26Z")

</div>

Title: Variant with different font weights resets text content Description: When switching between variants that use different font weights, the text content is reset unexpectedly. Steps to reproduce: Create a compo…

---

## [Margins not applied in component variants](https://community.penpot.app/t/margins-not-applied-in-component-variants/10468)

<div class="topic-metadata">

**Author:** [@Dylan](https://community.penpot.app/u/Dylan)\
**Replies:** 2\
**Last updated:** [April 2, 2026, 5:33pm UTC](https://community.penpot.app/t/margins-not-applied-in-component-variants/10468 "2026-04-02T17:33:58Z")

</div>

Bug: Margins not applied in component variants. There is a bug with margins and variants. When you enter a value in the margin fields of a component variant and then use that component, the margin fields appear empty. T…

---

## [Variants with boolean visibility toggles for specific parts](https://community.penpot.app/t/variants-with-boolean-visibility-toggles-for-specific-parts/10376)

<div class="topic-metadata">

**Author:** [@firefiber](https://community.penpot.app/u/firefiber)\
**Replies:** 3\
**Last updated:** [March 2, 2026, 9:58pm UTC](https://community.penpot.app/t/variants-with-boolean-visibility-toggles-for-specific-parts/10376 "2026-03-02T21:58:53Z")

</div>

Hi! So i’m trying to make base components that will have options to turn on or off visibility of specific parts of the component itself. What I mean is, for example here: This is a main component, and I want to creat…

---

## [Add Interaction to Switch between Variants](https://community.penpot.app/t/add-interaction-to-switch-between-variants/9954)

<div class="topic-metadata">

**Author:** [@lab](https://community.penpot.app/u/lab)\
**Replies:** 2\
**Last updated:** [January 20, 2026, 2:37pm UTC](https://community.penpot.app/t/add-interaction-to-switch-between-variants/9954 "2026-01-20T14:37:10Z")

</div>

Desired Behavior In Figma it is possible to program actions that toggle between variants, e.g. after a click event. The screenshot shows an example of how I create an interactive play/pause button: Suggested Feature I…

---

## [API option to create variants](https://community.penpot.app/t/api-option-to-create-variants/10131)

<div class="topic-metadata">

**Author:** [@IvanTheGeek](https://community.penpot.app/u/IvanTheGeek)\
**Replies:** 1\
**Last updated:** [December 2, 2025, 12:28pm UTC](https://community.penpot.app/t/api-option-to-create-variants/10131 "2025-12-02T12:28:15Z")

</div>

I am attempting to create my ecosystem where the Penpot IS what becomes the screen in my app. It will also hold the Event Model which is the methodology I am using to design the app and the states it flows through. It is…

---

## [Variants and auto-width text behaviour](https://community.penpot.app/t/variants-and-auto-width-text-behaviour/9913)

<div class="topic-metadata">

**Author:** [@XSD](https://community.penpot.app/u/XSD)\
**Replies:** 3\
**Last updated:** [September 30, 2025, 7:56am UTC](https://community.penpot.app/t/variants-and-auto-width-text-behaviour/9913 "2025-09-30T07:56:51Z")

</div>

Hi everyone, I’d like to ask if the current behaviour of variants with text components set to auto-width is the expected one, a bug, or if I might be doing something wrong. I’ll attach a short video showing how to repr…
