# AnchorHeading

> A docs section heading a reader can link to: it carries an `id`, a `#` link that shows on hover and focus, room above it for a sticky header, and a short highlight when a jump lands on it.

```ts
import { AnchorHeading } from "@sdxc/ui/docs";
```

Renders the heading with its `#` link after the text. The link stays in the tab order
at all times, shows on hover of the heading or on its own focus, and shows always on
devices without hover. Jumps clear `--ui-docs-scroll-margin` (default `5rem`).

## Examples

```tsx
<AnchorHeading id="install" linkLabel="Link to Install">Install</AnchorHeading>
```

## Props

| Prop | Type | Description |
| --- | --- | --- |
| `id` | `string` | Fragment the heading answers to, and the `#` link's target. |
| `level?` | `HeadingLevel` | Defaults to the ambient `HeadingScope` level, else DEFAULT_LEVEL. |
| `linkLabel` | `string` | Accessible name of the `#` link, such as "Link to Install". |
| `children` | `RemixNode` |  |

Also accepts everything in `Omit<TagProps<"h2">, "id">`.