TextLink

import { TextLink } from "anolis-ui";

export type TextLinkVariant = "normal" | "underlined";

export interface TextLinkThemeProps extends ComplementThemeProps, PseudoProp {
}

Basic

TextLink is used for navigation, resembles a hyperlink.

TextLink

<TextLink>
  TextLink
</TextLink>

With text

Link used inline with a text

When, while the lovely valley teems with vapour around me, and the meridian sun strikes.

<x.p>
  When, while the lovely valley teems with vapour <TextLink href="#">around me</TextLink>, and the meridian sun strikes.
</x.p>

With underline

Link can be also displayed with underline. Use underlined variant.

TextLink

<TextLink v="underlined">
  TextLink
</TextLink>

With Left/Right Complement

TextLink can also have a Left or Right Complement

Github

<TextLink leftIcon={<GithubIcon/>} rightIcon={<GithubIcon/>}>
  TextLink
</TextLink>