---
id: link
title: Link
---

# Link

## How to use

<code src="@digigov/ui/src/navigation/Link/__stories__/Default.tsx" />

### No Underline

<code src="@digigov/ui/src/navigation/Link/__stories__/NoUnderline.tsx" />

### Opens in a new tab

<code src="@digigov/ui/src/navigation/Link/__stories__/OpensInNewTab.tsx" />

### At dark background

<code src="@digigov/ui/src/navigation/Link/__stories__/DarkBackground.tsx" />

### At dark background and no underline

<code src="@digigov/ui/src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx" />

### Accessibility

You can read more about the accessibility patterns used in our Link
implementation in the ARIA Authoring Practices Guide (APG) at
[Link](https://www.w3.org/WAI/ARIA/apg/patterns/link/) section.

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["LinkBase"]} />