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'
| Name | Description |
|---|---|
(default) | The content of the skip link. |
| Property | Type | Default | Description |
|---|---|---|---|
href | string | '#' | The URL of the skip link. |
size | CommonSize | 'sm' | The size of the skip link. Default is sm. Can be sm or lg. |
noUnderLine | boolean | Whether the skip link should have an underline. | |
placement | Placement | The placement of the skip link. Default is left. Can be left or center. | |
noUnderline | boolean | false |
No custom events available.
No CSS parts available.