@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
46 lines (45 loc) • 1.87 kB
TypeScript
/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type ProgressListStepProps = {
/**
* Whether the content is initially collapsed.
* Defaults to `true` when `status` is `'completed'`, and `false` otherwise.
* Ignored if `collapsible` is `false`.
*/
defaultCollapsed?: boolean;
/** Whether the step contains a list of substeps. This is needed to draw the connecting lines correctly. */
hasSubsteps?: boolean;
/** The heading text for this step. */
heading: string;
/**
* Callback fired when the step is expanded or collapsed. Receives the new expanded state.
* Ignored if `collapsible` is `false`.
*/
onToggle?: (expanded: boolean) => void;
/** The current progress state of the step. */
status?: 'current' | 'completed';
} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
export declare const ProgressListStep: import("react").ForwardRefExoticComponent<{
/**
* Whether the content is initially collapsed.
* Defaults to `true` when `status` is `'completed'`, and `false` otherwise.
* Ignored if `collapsible` is `false`.
*/
defaultCollapsed?: boolean;
/** Whether the step contains a list of substeps. This is needed to draw the connecting lines correctly. */
hasSubsteps?: boolean;
/** The heading text for this step. */
heading: string;
/**
* Callback fired when the step is expanded or collapsed. Receives the new expanded state.
* Ignored if `collapsible` is `false`.
*/
onToggle?: (expanded: boolean) => void;
/** The current progress state of the step. */
status?: "current" | "completed";
} & HTMLAttributes<HTMLElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLLIElement>>;