@amsterdam/design-system-react/dist/Tabs/Tabs.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @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 `tab` value. */
    activeTab?: string;
    onTabChange?: (tabId: string) => void;
} & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
export declare const Tabs: import("react").ForwardRefExoticComponent<{
    /** The identifier of the initially active tab. Corresponds to its `tab` value. */
    activeTab?: string;
    onTabChange?: (tabId: string) => void;
} & HTMLAttributes<HTMLDivElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>> & {
    Button: import("react").ForwardRefExoticComponent<{
        tab: 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<{
        tab: string;
    } & HTMLAttributes<HTMLDivElement> & {
        children?: import("react").ReactNode | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
};