Link

Links look like links: text color with a quiet underline that turns solid on hover.

View source

Applications authenticate with a key. Read how keys work before you create one.

import { Link } from "@logicplanes/kaeso-ui";

Props

  • children
    ReactNode

    The link's text.

  • external
    boolean

    Opens in a new tab, adds rel and a 14px ↗. Detected from the href when not set.

  • href
    string

    The address the link goes to.

  • variant
    "inline" | "quiet" | "standalone" = inline

    Underlined in text (inline), quiet in lists (quiet) or on its own line with an arrow (standalone).