@stihl-design-system/components/components/Tabs/TabList/NavigationTabList/NavigationTabList.d.ts

Welcome to the STIHL Design System react component library.

import { JSX } from 'react';
import { NavigationTab } from '../../../NavigationTabs/NavigationTabs';
interface NavigationTabListProps {
    tabs: NavigationTab[];
    tabRefs: React.RefObject<HTMLAnchorElement[]>;
    scrollerClass: string;
    scrollerRef: React.RefObject<HTMLUListElement>;
    selectedTabIndex: number;
    handleNavigationKeydown: (event: React.KeyboardEvent<HTMLAnchorElement>, index: number) => void;
    setSelectedTab: (index: number) => void;
}
/**
 * The NavigationTabList component is an internal component used inside the TabList component.
 * It renders an unordered list with list items that contain anchor elements.
 *
 * Consumers can pass in a link component which is cloned and modified. This allows us to add
 * DSIcon and NumberIndicator and other props.
 * Additionally the link component can be a regular anchor element or a Link component from
 * React Router/Next or any other routing framework.
 */
export declare const NavigationTabList: ({ tabs, tabRefs, scrollerClass, scrollerRef, selectedTabIndex, handleNavigationKeydown, setSelectedTab, }: NavigationTabListProps) => JSX.Element;
export {};