Meowland docs
Workbench

Component reference

Link

Themed inline text link.

Preview

Inline text

A themed inline text link inside a sentence. ResourceLink remains the whole-row reference to an openable object.

packages/meowtail/stories/link.stories.tsxline 14tsx
render: () => (
  <Stack align="start">
    <p>
      Open the{" "}
      <Link href="https://github.com/lidessen/meowland" target="_blank" rel="noreferrer">
        Meowland repository
      </Link>{" "}
      for the library source.
    </p>
    <ResourceLink
      href="https://github.com/lidessen/meowland"
      title="Meowland repository"
      detail="Whole-row reference, not an inline link"
    />
  </Stack>
)

Installation

bun add meowtail

Usage

Taken from the examples on this page.

usage.tsxtsx
import { Link } from "meowtail";

<Link href="https://github.com/lidessen/meowland" target="_blank" rel="noreferrer">
  Meowland repository
</Link>

API reference

Whole-row references to an openable object stay with ResourceLink.

Props

PropTypeDefault
hrefRequired
string–

Also takes className, children and the attributes and events of its root element.

DOM parts

root

Registry

The component is registered as link in the meowtail component registry.