Text links are used in paragraphs when part of the text needs to be actionable. It inherits font size of the parent paragraph.

To implement TextLink component into your project you'll need to add the import:

import TextLink from "@kiwicom/orbit-components/lib/TextLink";

After adding import into your project you can use it simply like:

<TextLink>Hello World!</TextLink>


Table below contains all types of the props available in TextLink component.

Name Type Default Description
children React.Node The content of the TextLink.
dataTest string Optional prop for testing purposes.
external boolean false If true, the TextLink opens link in a new tab.
href string The URL to link when the TextLink is clicked.
icon React.Node The displayed icon.
onClick func Function for handling onClick event.
rel string The rel of the TextLink. See Functional specs
type enum "primary" The color type of the TextLink.



Functional specs

  • When the external is specified, noopener and noreferrer values will automatically added to attribute rel for security reason.