1 | import * as React from 'react';
|
2 | import { StandardProps } from '..';
|
3 | import { PaperProps } from '../Paper';
|
4 | import { LinearProgressProps } from '../LinearProgress';
|
5 |
|
6 | export interface MobileStepperProps
|
7 | extends StandardProps<PaperProps, MobileStepperClassKey, 'children' | 'variant'> {
|
8 | /**
|
9 | * Set the active step (zero based index).
|
10 | * Defines which dot is highlighted when the variant is 'dots'.
|
11 | */
|
12 | activeStep?: number;
|
13 | /**
|
14 | * A back button element. For instance, it can be a `Button` or an `IconButton`.
|
15 | */
|
16 | backButton: React.ReactNode;
|
17 | /**
|
18 | * Props applied to the `LinearProgress` element.
|
19 | */
|
20 | LinearProgressProps?: Partial<LinearProgressProps>;
|
21 | /**
|
22 | * A next button element. For instance, it can be a `Button` or an `IconButton`.
|
23 | */
|
24 | nextButton: React.ReactNode;
|
25 | /**
|
26 | * Set the positioning type.
|
27 | */
|
28 | position?: 'bottom' | 'top' | 'static';
|
29 | /**
|
30 | * The total steps.
|
31 | */
|
32 | steps: number;
|
33 | /**
|
34 | * The variant to use.
|
35 | */
|
36 | variant?: 'text' | 'dots' | 'progress';
|
37 | }
|
38 |
|
39 | export type MobileStepperClassKey =
|
40 | | 'root'
|
41 | | 'positionBottom'
|
42 | | 'positionTop'
|
43 | | 'positionStatic'
|
44 | | 'dots'
|
45 | | 'dot'
|
46 | | 'dotActive'
|
47 | | 'progress';
|
48 |
|
49 | /**
|
50 | *
|
51 | * Demos:
|
52 | *
|
53 | * - [Steppers](https://material-ui.com/components/steppers/)
|
54 | *
|
55 | * API:
|
56 | *
|
57 | * - [MobileStepper API](https://material-ui.com/api/mobile-stepper/)
|
58 | * - inherits [Paper API](https://material-ui.com/api/paper/)
|
59 | */
|
60 | export default function MobileStepper(props: MobileStepperProps): JSX.Element;
|