Inline CTA Component
Image
We've just released a new update!
Check out the all new dashboard view. Pages and now load faster.
Actions
We've just released a new update!
Check out the all new dashboard view. Pages and now load faster.
Email Field
We've just released a new update!
Check out the all new dashboard view. Pages and now load faster.
Change Plan
Change your plan
Flexible pricing that grows with you.
Includes up to 10 users, 20 GB individual data and access to all features.
Upgrade Plan
Upgrade your plan
Need more space? Upgrade your plan today.
10 users
Add up to 10 team members.
20 GB data
Up to 20 GB individual data.
All features
Access to advanced features and analytics.
Payment Method
Payment method
Change how you pay for your plan.
Visa ending in 1234
Expiry 06/2025
Receipt
Your latest receipt is available
Download receipt for January 2025.
Receipt_January_2025.pdf
200 KB
Usage examples
Copy-paste-ready snippets for the most common InlineCta patterns.
Image + actions
Release announcement pattern
We've just released a new update!
Check out the all new dashboard view.
<InlineCta Title="We've just released a new update!"
Description="Check out the all new dashboard view.">
<Image>
<img src="/images/release.jpg" alt="Release" />
</Image>
<Actions>
<Button Variant="secondary" Text="Dismiss" />
<Button Variant="primary" Text="Changelog" />
</Actions>
</InlineCta>Actions only
Simplest variant — no media or input
We've just released a new update!
Check out the all new dashboard view.
<InlineCta Title="We've just released a new update!"
Description="Check out the all new dashboard view.">
<Actions>
<Button Variant="secondary" Text="Dismiss" />
<Button Variant="primary" Text="Changelog" />
</Actions>
</InlineCta>