Developer mode
Opens components on the React tab by default.
Your bookmarks


Makes text in paragraphs actionable.

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

Web (React)
iOS (Swift)
Android (Kotlin)

Content structure

Text: describes the link purpose and works best when short; icon: optionally visually supports the link.


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.