TextLink

Implemented

Inline text link with variants.

Categoryatoms

Sourcecomponents/atoms/TextLink/TextLink.tsx

AI HintInline text link in default/muted/inverse variants; external URLs (explicit external or http(s)) auto-add noopener + new tab and a screen-reader announcement. Hit area floored at 44px below md.

TextLink component.

TextLink

design-system

TextLink component preview and API reference.

TextLink

Props

Preview

TextLink

Prop

Type

Required

Default

Description

href

string /** Visual variant. */

Required

—

Link target URL.

variant

'default' | 'muted' | 'inverse' /** Mark the link as external — adds rel + target hints. */

Optional

'default'

Visual variant.

external

boolean

Optional

false

Synced from source — no interface JSDoc yet; document on `TextLink.tsx`.

Quick use:<TextLink />

Usage

Import

tsxSnippet

import { TextLink } from "@epasslive/design-system"

Example 1

tsxSnippet

<TextLink />

Example 2

tsxSnippet

<TextLink variant="default" />

Anti-patterns

— Do not compose atoms directly — use molecules instead

— Avoid inline styles on atoms