UNPKG

@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
/** * @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>>; };