Warning! The Link component is deprecated. No new features will be added to this component. See each page under Components/Link section in the navigation to reference old documentation. For any new instances of a link please use the Text Link element. This feature has no equivlance in the Text Link element.

Inline link

This is an inline link with an icon before, and this is an inline link with an icon after. Inline links are truly inline, which means the text can wrap to a second line and the icon falls on the baseline either before or after the text.

Flex link

This is a flex link with an icon. Very important to note that flex links are never to be mixed inline within a paragraph of non-link text because the text wraps differently and the icon hangs to the side.

This is a flex link with an icon. Very important to note that flex links are never to be mixed inline within a paragraph of non-link text because the text wraps differently and the icon hangs to the side.

Block link

This is a block link with an icon. Very important to note that block links are never to be mixed inline within a paragraph of non-link text because they act as a paragraph themselves.

This is a block link with an icon. Very important to note that block links are never to be mixed inline within a paragraph of non-link text because they act as a paragraph themselves.