An underlined inline link for navigation: inside copy, at the foot of a card, or as a back link such as ← Dashboard. The underline sits in the strong hairline and takes the ink on hover; the forward arrow nudges 2px.
import { TextLink } from "@puckoops/camelot";| Name | Description | Default | Control |
|---|---|---|---|
| children* | ReactNode | - | |
| href | string | - | |
| arrow | An arrow after or before the text "forward""back" | - | |
| as | ElementType | - | - |
Also takes AnchorHTMLAttributes<HTMLAnchorElement>.
Use TextLink for navigation inside copy and for back links such as ← Dashboard.
Leads on to the full list, at the foot of a card.
Above a page title, back to where the reader came from.
Inside a sentence the link keeps the line's size and takes a quiet underline.
Invoices go to the client's billing contact. You can change it on the client's page at any time, or read how reminders work.
Plain, forward and back. Hover each.