Link

A styled anchor element. Uses the primary color by default with an underline on hover. Set external to open in a new tab and display a trailing external-link icon.

Playground

Controls

Href

External

Theme

HTMLReact

ShareCopy

Usage

<lt-link href="https://example.com">Visit site</lt-link>
<lt-link href="https://example.com" external>Open in new tab</lt-link>

import { Link } from '@latty-ds/react';

<Link href="https://example.com">Visit site</Link>
<Link href="https://example.com" external>Open in new tab</Link>

<template>
<lt-link href="https://example.com">Visit site</lt-link>
<lt-link href="https://example.com" external>Open in new tab</lt-link>
</template>

API