# Link
## Examples
### SimpleText
```html
```
### StartIcon
```html
```
### EndIcon
```html
```
### BothIcons
```html
```
### Download
```html
```
### ExternalLink
```html
```
### WithinParagraph
```html
The link component () automatically adjusts its font size and line height to match the surrounding text.
This ensures proper text flow and readability when links are placed within paragraphs or other text content.
The underline decoration maintains consistent spacing and thickness across different font sizes.
You can configure your preferences in the .
The link component seamlessly integrates with surrounding text while maintaining proper spacing and alignment.
This makes it ideal for embedding interactive elements within blocks of content.
```
### Size
```html
```
## Usage
**Use Link to:**
- Navigate users to another page within the same platform (e.g., from a notification to the employee profile).
- Link to external content, such as HR policies, legal terms, or help center articles.
- Provide downloadable file links (e.g., “Download salary statement PDF”).
- Link to email or phone contacts using mailto: or tel: links.
**Do not use Link to:**
- Trigger UI actions like opening modals or submitting forms (use a button instead).
- Simulate navigation without a valid href (this breaks accessibility and keyboard support).
- Create links with generic or ambiguous text (e.g., “Click here” or “More”).
## Other Considerations
- Always include a meaningful href — empty or missing values make links unusable for assistive tech.
- Use descriptive link text that clearly communicates the destination or purpose.
## Design Rationale
- A well-understood, accessible pattern for navigation across the web.
- Aligning with WCAG and usability best practices ensures a more inclusive, intuitive experience.