UNPKG

dap-design-system

Version:

Official design system for the DÁP (dap.gov.hu)

ghes.idomsoft.hu/idom-green/dap-design-system

25 lines (24 loc) • 1.55 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import { default as Component } from '../../components/skip-link/skip-link.js'; /** * `dap-ds-skip-link` * @summary A skip link is a link that allows keyboard users to skip to the main content of a page. * @element dap-ds-skip-link * @title - Skip link * * @slot - The content of the skip link. * * @csspart base - The main skip link container. * @csspart text - The text container of the skip link. * @csspart high-contrast - The high contrast outline container. * * @cssproperty --dds-skip-link-border-color - Border color for the high contrast outline (default: var(--dds-border-neutral-transparent-interactive, #fff500)) * @cssproperty --dds-skip-link-border-width - Border width for the high contrast outline (default: var(--dds-border-width-large)) * @cssproperty --dds-skip-link-border-width-active - Border width for the active state (default: var(--dds-border-width-xlarge)) * @cssproperty --dds-skip-link-border-radius - Border radius of the skip link (default: var(--dds-radius-small)) * @cssproperty --dds-skip-link-padding-sm - Padding for small size variant (default: var(--dds-spacing-200)) * @cssproperty --dds-skip-link-padding-lg - Padding for large size variant (default: var(--dds-spacing-400)) * @cssproperty --dds-skip-link-text-underline-offset - Underline offset for the text (default: 3px) * @cssproperty --dds-skip-link-z-index - Z-index of the skip link (default: var(--dds-z-index-100)) */ declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>; export default reactWrapper;