Call to action

Call to action links are interactive UI cues that direct users to other pages.

import { ... } from '@ag.ds-next/react/call-to-action';

Usage

Call to action components can be imported via the call-to-action entrypoint in the @ag.ds-next/react package.

For example:

import { ... } from '@ag.ds-next/react/call-to-action';

CallToActionLink Props
Prop	Type	Description
aria-label?	string	Describes the anchor element to assistive technologies.
children?	ReactNode
download?	any	Causes the browser to treat the linked URL as a download.
href?	string	The URL that the hyperlink points to.
id?	string	The ID of the hyperlink.
referrerPolicy?	HTMLAttributeReferrerPolicy	How much of the referrer to send when following the link.
rel?	string	The relationship of the linked URL as space-separated link types.
role?	AriaRole	WAI-ARIA role.
target?	HTMLAttributeAnchorTarget	Where to display the linked URL, as the name for a browsing context (a tab, window, or <iframe>).

CallToActionButton Props
Prop	Type	Description
aria-controls?	string	Identifies the element (or elements) whose contents or presence are controlled by the current element.
aria-describedby?	string	Identifies the element (or elements) that describes the object.
aria-expanded?	Booleanish	Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
aria-label?	string	Describes the button element to assistive technologies.
children?	ReactNode
disabled?	boolean	When true, prevents onClick from firing.
form?	string	The id of the form to attach the button to. Use in conjunction with type="submit".
id?	string	Defines an identifier (ID) which must be unique.
onBlur?	FocusEventHandler<HTMLButtonElement>	Function to be fired following a blur event of the button.
onClick?	MouseEventHandler<HTMLButtonElement>	Function to be fired following a click event of the button.
onFocus?	FocusEventHandler<HTMLButtonElement>	Function to be fired following a focus event of the button.
onKeyDown?	KeyboardEventHandler<HTMLButtonElement>	Function to be fired following a keydown event of the button.
role?	AriaRole	WAI-ARIA role.
tabIndex?	number	The `tabIndex` attribute of the button.
type?	"button" \| "reset" \| "submit"	The `type` attribute of the button.

You can view the full source code for this package on Github.