Skiplinks allow users to quickly reach the main content of a page.
|default||Provide the text for the skiplink as lightdom|
The skiplink component requires a
for="id" attribute, this id should correspond to the id of the
element you want to skip to. See the examples for more information.
You can then place the component at the top of your
Try tabbing from the browser URL bar into the page, and the skiplink will show up.
You can override styles like so:
Import as CSS
Alternatively you can import the global CSS file, which allows you to use a
skiplink attribute on an anchor tag.
Import as JS
Alternatively you can import the skiplink styles as JS string, this can be useful for usage in shadow roots.