Loading...
Loading...
The ActionLink component provides consistent styled links with animated arrows used for CTAs throughout the site. Features animated arrow on hover and color transitions.
Action links are commonly used in section headers.
Discover authentic local experiences
Use multiple action links in a row or column layout.
Action links support custom onClick handlers for additional functionality.
Subscribe Now→Action links are used throughout the site in various contexts.
In Section Headers:
View All Articles→In Content Cards:
Read More→For Navigation:
Explore Region→For Actions:
Meet the Master→import { ActionLink } from '@/components/composite/ActionLink';
// Basic usage
<ActionLink text="View All Articles" href="/articles" />
// With custom click handler
<ActionLink
text="Subscribe Now"
href="/subscribe"
onClick={(e) => {
e.preventDefault();
// Custom logic
}}
/>
// In SectionHeader
<SectionHeader
title="Latest Articles"
action={{ text: "View All", href: "/articles" }}
/>