TextLink

Text links take users to another place in the application, and usually appear within or directly following a sentence. Styled to resemble a hyperlink.

Example

Some text containing a text link.

Props

Prominence

The default prominence is the same colour as surrounding text. Its subdued appearance is ideal for dense interfaces, where many links grouped together could be overwhelming for users.

The quick brown fox jumps over the lazy dog.

Use high prominence to call attention to important links.

The quick brown fox jumps over the lazy dog.

Patterns

Accessibility

When no href is provided, the component is rendered as a button element.

A semantic button, with the appearance of a text link.

This component renders a native anchor element by default, which can be customised via the "linkComponent" prop on the KeystarProvider.

© 2025 @jossmac