monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
37 lines (36 loc) • 1.31 kB
TypeScript
import React, { ReactElement } from "react";
import { StepsColor, StepsType } from "./StepsConstants";
import { ButtonProps } from "../Button/Button";
import { VibeComponent, VibeComponentProps } from "../../types";
export interface StepsProps extends VibeComponentProps {
/**
* The index of the current displayed step
*/
activeStepIndex?: number;
/**
* A callback which called when the active step is changed
*/
onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;
areNavigationButtonsHidden?: boolean;
steps?: ReactElement[];
type?: StepsType;
/**
* @deprecated - Use color instead
*/
isOnPrimary?: boolean;
color?: StepsColor;
isContentOnTop?: boolean;
areButtonsIconsHidden?: boolean;
backButtonProps?: ButtonProps;
nextButtonProps?: ButtonProps;
finishButtonProps?: ButtonProps;
onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
}
declare const _default: ((VibeComponent<StepsProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
types: typeof StepsType;
}>) | (React.FC<StepsProps & React.RefAttributes<HTMLElement>> & Partial<{
types: typeof StepsType;
}>)) & {
types: typeof StepsType;
};
export default _default;