<!-- AUTO-GENERATED by packages/components/bin/generate-skill-component-catalog.js. Do not edit by hand. -->

# r-skip-link

An accessibility utility that renders a visible-on-focus link allowing keyboard users to skip navigation and jump directly to main content.

Example
```
<r-skip-link>
  <a href="#main-content">Skip to main content</a>
</r-skip-link>

<main id="main-content">
  <!-- page content -->
</main>
```

## class: `RSkipLink`, `r-skip-link`

### Fields

| Name       | Privacy | Type                 | Default    | Description                | Inherited From |
| ---------- | ------- | -------------------- | ---------- | -------------------------- | -------------- |
| `position` |         | `"center" \| "left"` | `'center'` | Defines skip link position |                |

### Attributes

| Name       | Field    | Inherited From |
| ---------- | -------- | -------------- |
| `position` | position |                |

### Slots

| Name | Description          |
| ---- | -------------------- |
|      | Skip link label text |

<hr/>

## Exports

| Kind                        | Name          | Declaration | Module | Package |
| --------------------------- | ------------- | ----------- | ------ | ------- |
| `js`                        | `RSkipLink`   | RSkipLink   |        |         |
| `custom-element-definition` | `r-skip-link` | RSkipLink   |        |         |
