Homecomponentsaction

TextLinkButton

A button that looks like a link but performs an action.

Use a TextLinkButton when you need a button to be visually a link. This component is usually nested within a Text or Heading component.

Open in Playroom

Standard Color

Use the color property to set the color of the link button.

Open in Playroom

Contextual Sizes, Weights, and Colors

TextLinkButton can inherit the size, weight, and color from a parent Text or Heading component.

Open in Playroom

No Underline

Use the noUnderline property to remove the underline from the link button on hover.

Open in Playroom

API

children
Required
The text of the button.
ReactNode
id
The ID of the button.
string
type
The HTML type of button element.
button
reset
submit
color
The color of the button.
inherit
primary
secondary
onClick
The action to perform when the button is clicked.
MouseEventHandler<HTMLButtonElement>
tabIndex
The tab index of the button element.
number
noUnderline
Show or hide the underline.
true
false
data
An object with the data keys and values.
DataAttributeMap
Table of Contents
Standard Color
Contextual Sizes, Weights, and Colors
No Underline
API