Hi there! Wondering if anyone knows how to switch the ‘text’ component of an action row to be on the right and the ‘button’ of the action row to be on the left. I’d like the “Includes” text to be on the left and then the text to be following this.
Any help is appreciated!
Can you show me what it looks like on the left side with the components? That could help
Why do you need the “Includes” part in a different form though? For emphasization?
Something like this also works.
<div style="display: flex; justify-content: flex-start; align-items: center;">
<div style="background-color: #CBC3E3; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: 600; margin-right: 10px; cursor: pointer; border-radius: 20px;">Includes</div>
<div style="flex-grow: 1; ">1 month subscription</div>
</div>
Could he maybe just put it in as a title and and a Meta? Then he could emphasize the Includes. Or he could just include the “includes” button in a different component and put them both in a container.
A meta (emphasis) won’t have the same look.
On desktop, they’re far apart from each other. Also doesn’t work on mobiles, they stack on top of each other instead of being aligned horizontally.
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
