SGDS Link Component Skill

<sgds-link> is the standard navigation link element. It wraps a slotted <a> tag and applies SGDS link styling, accessibility handling, and icon positioning.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Always pass a single <a> tag in the default slot — never put text directly inside <sgds-link>.