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
| Prop | Type | Default | Notes |
|---|---|---|---|
| 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';