TextLink

A real <a href> always, the same href+onClick division StatList uses: href gives ordinary browser behaviour (new tab, copy link, hover status), an onClick that calls event.preventDefault() pairs it with client-side routing (e.g. react-router's own Link).

Two tones, reusing already-measured type and colour values rather than a fresh guess — this exact "small trailing link" isn't a distinct Attio component to point a CDP session at, it's a reuse in a new arrangement:

• brand (default font-size 12px) — bold, always brand-coloured. A card's own trailing "View all →".
• muted (default font-size 13px) — quiet until hover, then brand-coloured. An in-context reference link, e.g. a sample record under a finding.

Installation

npm install @crisp-ui-kit/crisp

Props

Notes

• size overrides the tone's own font-size only — colour, weight and hover stay whatever tone gives. Omit it and each tone keeps its own hard-coded size (brand 12px, muted 13px) unchanged. "lg" (14px) matches a DataTable primary-column's own ambient size (crisp#874) — measured live against internal/grc's two primary-column record links, both 14px/500 ambient, inherited from DataTable's own .crisp-datatable-entity-name.
• brand is fgBrandContrast, not bgBrandSolid (#0298d9) directly — as text on a white page the accent itself only clears 3.23:1 against AA; the darker contrast-safe sibling clears 4.5:1+ (crisp#897).