@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
35 lines (34 loc) • 1.59 kB
TypeScript
/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type TabsProps = {
/** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
activeTab?: string;
onTabChange?: (panelId: string) => void;
} & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
/**
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-tabs--docs Tabs docs at Amsterdam Design System}
*/
export declare const Tabs: import("react").ForwardRefExoticComponent<{
/** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
activeTab?: string;
onTabChange?: (panelId: string) => void;
} & HTMLAttributes<HTMLDivElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>> & {
Button: import("react").ForwardRefExoticComponent<{
'aria-controls': string;
} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLButtonElement>>;
List: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>>;
Panel: import("react").ForwardRefExoticComponent<{
id: string;
} & HTMLAttributes<HTMLDivElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>>;
};