Components / core

Link

Inline Link - Amber, Hairline Underline

01 Preview

02 Usage

Inline link in the engineering-document register: amber, hairline underline, no bright blue defaults.

<Link href="/projects">Selected work</Link>
<Link href="https://github.com/darsan" external>GitHub</Link>
<Link href="#refs" muted>see note 3</Link>

external appends ↗ and sets target="_blank". muted for neutral in-metadata links.

03 Props

PropTypeDefaultNotes
href string
external boolean false Marks an off-site link: appends ↗ and sets target/rel.
muted boolean false Quieter neutral treatment for dense metadata.

Also accepts every attribute of React.AnchorHTMLAttributes<HTMLAnchorElement> — they are spread onto the root element. className is merged, not replaced, and ref is forwarded.

04 Import

import { Link } from '@denizarsan/darsan.design';
import '@denizarsan/darsan.design/styles.css';