> ## Documentation Index
> Fetch the complete documentation index at: https://react-docx.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Link
Hyperlinks to external URLs or internal document locations.
```tsx theme={"dark"}
Visit website
Jump to Section 1
```
***
## Props
| Prop | Type | Description |
| ----------- | ----------- | ----------------------- |
| `href` | `string` | URL or anchor reference |
| `children` | `ReactNode` | Link text |
| `className` | `string` | Tailwind classes |
***
## External links
```tsx theme={"dark"}
Visit our website for more info.
Contact us at hello@example.com.
```
Supported protocols: `http://`, `https://`, `mailto:`, `ftp://`.
***
## Internal links
Use `#` to link to bookmarks within the document:
```tsx theme={"dark"}
See Introduction for details.
```
***
## Styling
```tsx theme={"dark"}
Styled link
Bold green link
```
***
## Bookmark
Create anchor points that internal links can target.
```tsx theme={"dark"}
Introduction
{/* Link to it */}
Back to Introduction.
```
### Bookmark props
| Prop | Type | Description |
| ---------- | ----------- | ------------------------------------- |
| `name` | `string` | Anchor identifier (used with `#name`) |
| `children` | `ReactNode` | Content to wrap |
***
## Headings as anchors
Headings with `id` prop automatically create bookmarks:
```tsx theme={"dark"}
Chapter 1
{/* Link to it */}
See Chapter 1.
```
This is equivalent to:
```tsx theme={"dark"}
Chapter 1
```
***
## Common patterns
### Navigation menu
```tsx theme={"dark"}
Overview |
Features |
Contact
```
### References
```tsx theme={"dark"}
As discussed in Section 2, the methodology
follows established practices[1].
```
### Footer links
```tsx theme={"dark"}
Company |
Support
```