Vertical layout not working on button

I have a main component called “button” and the variants. The main component has horizontal layout and icons on the right and left side and the text in the middle. i would like to create a variant with vertical layout where the icon is above or under the text but it seems like when i choose vartical layout in a variant nothing changes. where could be the issue?

You’re currently selecting the wrapper for the variant. If you select the Main Button (one level down) you would be able to swap to vertical.

This looks like a flavor of the “Base component” approach, where you are saving overrides to your base component in different variants. This could save on some maintenance down the road, but could also be confusing if you’re just starting out.

1 Like