How to make changes to a variant without overriding the base

Hi,

I have a following component:

I want to make the variant (in this case it’s an unnamed variant) have reverse flex, meaning the image on the left and the text block on the right. However, when I edit this the base also change. I want the base variant to remain unchanged.

I’ve read through the docs but I still don’t quite understand how I can achieve this.

If anyone can point out how I can achieve this that would be great, thank you!

Hi, in general the way that you are attempting is the intended way to make to changes exclusively to a variant, it’s not visible in your image but the columns are wrapped by a Slot target, so you won’t be able do changes exclusive to that variant while inside a slot target. You can change your slot to be the content of your columns or use props if what you want is not a slot.
Screenshot 2024-09-02 at 16.49.32
Screenshot 2024-09-02 at 16.52.10

Hi @fmota , thank you for your reply and the explanation, understood and was able to solve my problem! Cheers.