Skip link component is a web component that displays a link to the main content of the page. It is used to skip the navigation and go directly to the main content.
Design system docs
Click on the live code block and hit tab to see the skip link in action.
<dap-ds-skip-link> Skip to main content </dap-ds-skip-link>
import { DapDSSkipLink } from 'dap-design-system/dist/dds'
import { DapDSSkipLinkReact } from 'dap-design-system/dist/react'
| Property | Type | Default | Description |
|---|---|---|---|
placement | 'left', 'center' | The placement of the skip link. | |
href | string | '#' | The href of the skip link |
size | 'sm', 'lg' | 'sm' | The size of the skip link |
noUnderline | boolean | false | Whether the skip link should have an underline |
| Name | Description |
|---|---|
(default) | The content of the skip link. |
No custom events available.
| Part Name | Description |
|---|---|
base | The main skip link container. |