Button Element
✅ Summary
Tab
What You Can Do
Last updated
The Button element lets you create call-to-action (CTA) buttons like “Buy Now”, “View More”, or “Open Link”. You can link these buttons to any page, product, or even an external website.
It’s a key interactive element that drives user actions.
You can choose between:
1 Button – Simple, single action (default)
2 Button – Two side-by-side buttons for dual actions (e.g., “Yes” / “No”)
Button Title – The visible text on the button (e.g., “Shop Now”)
Action URL – Where the user goes when they tap the button (e.g., your website, screen link, or a custom URL)
📝 Make sure your links are valid and start with https:// or twinr:// for app-specific links.
Button Size: Small, Medium, or Large
Button Width:
Fill: stretches across the screen
Fit to text: wraps button tightly around the text
Alignment:
Left, Center, or Right align the button within the screen
Choose from preset styles for button appearance:
Filled, Outlined, or Link-style buttons
Add spacing around the button using sliders for:
Top and Bottom margins (default: 20px)
You can control where and to whom the button appears:
Platform: Android, iOS, or All
Device: Mobile, Tablet, or All
User: Guest users, Logged-in users, or All
Content
Add button title(s) and destination links
Settings
Style buttons, adjust layout and alignment
Visibility
Choose device, platform, and user-specific display
Preview
Instantly see how it looks inside your app screen
Last updated