@stihl-design-system/components/components/SkipToContent/SkipToContent.d.ts

Welcome to the STIHL Design System react component library.

import { LinkButtonProps } from '../LinkButton/LinkButton';
export interface SkipToContentProps extends Pick<LinkButtonProps, 'className' | 'theme'> {
    /** Content within the SkipToContent Link.
     * @default 'Skip to main content'
     */
    children?: string;
    /** id of the element to be focused by the SkipToContent Link.
     * @default 'main'
     */
    targetElementId?: string;
}
/**
 * The `<DSSkipToContent />` component is an accessibility feature that allows users, especially those using screen readers or keyboard navigation, to quickly jump to the targeted content of a webpage without having to focus all the navigation items first. This improves the user experience by making it easier and faster to access important information.
 *
 * Focus the section below by using the tab key to see the "Skip To Content" component in action.
 *
 * Design in Figma: [Skip To Content](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=16333-2371)
 */
export declare const DSSkipToContent: import('react').ForwardRefExoticComponent<SkipToContentProps & import('react').RefAttributes<HTMLAnchorElement>>;