@postenbring/hedwig-react
Version:
React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
35 lines • 1.06 kB
TypeScript
type TitleProps = {
/**
* Optional title of the active step to be shown underneath the step indicator
*
* Use `titleAs` to set the correct heading level
*/
title: React.ReactNode;
titleAs: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
} | {
title?: undefined;
titleAs?: undefined;
};
interface StepIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
activeStep: number;
/**
* 1-indexed number of steps
*/
totalSteps: number;
/**
* Label on the left side above the steps
*/
label: React.ReactNode;
/**
* Language for the "step x of y" label, default is "en"
*/
lang?: "no" | "en" | "da" | "sv";
}
/**
* Indicate a step in a process.
*
* It does not handle step content or navigation, only the visual indication of the active step.
*/
export declare const StepIndicator: import("react").ForwardRefExoticComponent<(StepIndicatorProps & TitleProps) & import("react").RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=step-indicator.d.ts.map