Sometimes you want text that is actionable but not as attention-grabbing as a button. Maybe it sits inside a paragraph of text. Maybe you want navigation with explanatory text.
Text links let you add actions in the form of text that fits with its surroundings. Users can see they can take an action, but their focus is not drawn too far from your main flow.
If you’re unsure what component or type to use for actions, check out our interactive guide on action components.
Component status
FigmaReleased
Web (React)Released
iOS (Swift)n/a
Android (Kotlin)n/a
SketchReleased
Content structure
Styling
Text links inherit font size of the parent paragraph.
Look & feel
Primary color
The primary color of text links is Palette / Dark. This is a darker color than other primary actions, such as primary buttons.
The color for text links is darker so it will have enough contrast with surrounding text.