Link
Mantine Anchor / plain <a>. Brand-blue color, no underline by default. Used for endpoint URLs on /targets and 'show relabeling' disclosure on /service-discovery.
DO
Add underline on :hover/:focus so the affordance is visible for users who tab through the page.
DON'T
Style non-links (e.g. disclosure toggles) as links — use a <button> and Icon Button chrome instead.
Design
Component reference (screenshots)
Placeholder screenshots — the audited app is live at prometheus-e83j.onrender.com.
Implementation
<a className="link" href={url}>{label}</a>Layout
| Property | Value |
|---|---|
| color | rgb(34,139,230) link |
| text-decoration | none |
Accessibility
| ARIA | Use descriptive link text; avoid 'click here'. |