@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
43 lines (42 loc) • 1.92 kB
TypeScript
/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type TabNavigationProps = {
/** The accessible name for the navigation. */
accessibleName?: string;
/**
* Connects the component with an internal element that defines its accessible name.
* Note: must be unique for the page.
*/
accessibleNameId?: string;
/** The direction in which the links are laid out. */
orientation?: 'horizontal' | 'vertical';
} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
/**
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-tab-navigation--docs Tab Navigation docs at Amsterdam Design System}
*/
export declare const TabNavigation: import("react").ForwardRefExoticComponent<{
/** The accessible name for the navigation. */
accessibleName?: string;
/**
* Connects the component with an internal element that defines its accessible name.
* Note: must be unique for the page.
*/
accessibleNameId?: string;
/** The direction in which the links are laid out. */
orientation?: "horizontal" | "vertical";
} & HTMLAttributes<HTMLElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLElement>> & {
Link: import("react").ForwardRefExoticComponent<{
icon?: import("..").IconProps["svg"];
linkComponent?: import("react").ComponentType<import("react").AnchorHTMLAttributes<HTMLAnchorElement>>;
} & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLAnchorElement>>;
List: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLUListElement>>;
};