@availity/mui-stepper
Version:
Availity MUI Stepper Component - part of the @availity/element design system
47 lines (38 loc) • 2.27 kB
TypeScript
import { StepProps as StepProps$1 } from '@mui/material/Step';
import { StepButtonProps as StepButtonProps$1 } from '@mui/material/StepButton';
import { StepConnectorProps as StepConnectorProps$1 } from '@mui/material/StepConnector';
import { StepContentProps as StepContentProps$1 } from '@mui/material/StepContent';
import { StepIconProps as StepIconProps$1 } from '@mui/material/StepIcon';
import { SvgIconProps } from '@mui/material/SvgIcon';
import { StepLabelProps as StepLabelProps$1 } from '@mui/material/StepLabel';
import { StepperProps as StepperProps$1 } from '@mui/material/Stepper';
type StepProps = StepProps$1;
declare const Step: ({ children, ...rest }: StepProps) => JSX.Element;
type StepButtonProps = Omit<StepButtonProps$1, 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef'>;
declare const StepButton: ({ children, ...rest }: StepButtonProps) => JSX.Element;
type StepConnectorProps = StepConnectorProps$1;
declare const StepConnector: (props: StepConnectorProps) => JSX.Element;
type StepContentProps = StepContentProps$1;
declare const StepContent: ({ children, ...rest }: StepContentProps) => JSX.Element;
type Tag = ((props: SvgIconProps) => JSX.Element) | null;
declare module '@mui/material/StepIcon' {
interface StepIconProps {
as?: Tag;
warning?: boolean;
}
}
type StepIconProps = {
/** If `true`, the step will have a warning icon. */
warning?: boolean;
} & StepIconProps$1;
declare const StepIcon: ({ error, completed, warning, ...rest }: StepIconProps) => JSX.Element;
type StepLabelProps = Pick<StepIconProps, 'warning'> & StepLabelProps$1;
declare const StepLabel: {
({ children, error, optional, warning, ...rest }: StepLabelProps): JSX.Element;
muiName: string;
};
type StepperProps = {
scrollButtons?: boolean;
} & Omit<StepperProps$1, 'alternativeLabel' | 'elevation'>;
declare const Stepper: ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps) => JSX.Element;
export { Step, StepButton, type StepButtonProps, StepConnector, type StepConnectorProps, StepContent, type StepContentProps, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps };