Link

<Link> is a Lism component that outputs an <a> tag.

<Link> is an alias for <Lism as="a">. All Lism Props are available.

Import

import { Link } from 'lism-css/react';

import { Link } from 'lism-css/astro';

↓

<Link> output example

<Link href="###">Link text</Link>

<a href="###">Link text</a>

↓

Applying Lism Props

<Link href="###" c="green" fw="bold">
  Styled link
</Link>

<a href="###" class="-c -fw:bold" style="--c: var(--green)">Styled link</a>