CTA Link

A Call to Action link is a link that directs the user to another page or website where they can complete the desired action. Call to action link is often used for marketing purposes, such as increasing conversions, leads, or sales. 

Import

Primary

Loading preview
Open in Storybook

Secondary

Loading preview
Open in Storybook

With Icon

Loading preview
Open in Storybook

Props

Call To Action Props

NameDescriptionDefault
variant
"primary" | "secondary"
-
href

The URL that the hyperlink points to.

string
-
aria-describedby

ID of element providing further context and description of the link

string
-
children

Link text

ReactNode
-
onClick

The event handler for click events on anchor

MouseEventHandler<HTMLAnchorElement>
-
asChild

Component will delegate outermost React element to use first element passed within children

boolean
-
icon

Custom icon to be displayed instead of the link icon

ReactElement<any, string | JSXElementConstructor<any>>
-
reactlytics
ReactlyticsProp
-

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.