Skip link

Overview Style Guidelines Code Demos Accessibility
  1. Installation
  2. Usage
  3. rh-skip-link
  1. Installation
  2. Usage
  3. rh-skip-link

Installation

Usage

<rh-skip-link>
  <a href="#main-content">Skip to main content</a>
</rh-skip-link>
Slots 1
Slot Name Description

An anchor tag targeting the main page content by id hash. Or, if the href attribute is set, the text of the link.

Attributes 1
DOM Property Description Type Default
href
string | undefined
unknown
Methods 0

None

Events 0

None

CSS Shadow Parts 0

None

CSS Custom Properties 0

None

Design Tokens 11

Token Copy
--rh-border-radius-default
--rh-border-width-md
--rh-border-width-sm
--rh-color-border-interactive-on-light
--rh-color-interactive-primary-default-on-light
--rh-color-surface-lightest
--rh-font-family-heading
--rh-font-size-body-text-md
--rh-font-weight-heading-bold
--rh-space-2xl
--rh-space-lg