@amsterdam/design-system-react/dist/ProgressList/ProgressList.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 declare const progressListHeadingSizes: (2 | 3 | 4)[];
type ProgressListHeadingSize = (typeof progressListHeadingSizes)[number];
export type ProgressListProps = {
    /**
     * The hierarchical level of this Progress List’s Headings within the document.
     * There is no default value; determine the correct level for this instance.
     */
    headingLevel: ProgressListHeadingSize;
} & PropsWithChildren<HTMLAttributes<HTMLOListElement>>;
/**
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-progress-list--docs Progress List docs at Amsterdam Design System}
 */
export declare const ProgressList: import("react").ForwardRefExoticComponent<{
    /**
     * The hierarchical level of this Progress List’s Headings within the document.
     * There is no default value; determine the correct level for this instance.
     */
    headingLevel: ProgressListHeadingSize;
} & HTMLAttributes<HTMLOListElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLOListElement>> & {
    Step: import("react").ForwardRefExoticComponent<{
        hasSubsteps?: boolean;
        heading: string;
        status?: "current" | "completed";
    } & HTMLAttributes<HTMLElement> & {
        children?: import("react").ReactNode | undefined;
    } & import("react").RefAttributes<HTMLLIElement>>;
    Substep: import("react").ForwardRefExoticComponent<{
        status?: import("./ProgressListStep").ProgressListStepProps["status"];
    } & HTMLAttributes<HTMLElement> & {
        children?: import("react").ReactNode | undefined;
    } & import("react").RefAttributes<HTMLLIElement>>;
    Substeps: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLOListElement> & {
        children?: import("react").ReactNode | undefined;
    } & import("react").RefAttributes<HTMLOListElement>>;
};
export {};