mobile-stepper

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

219

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

26 KB

Set the active step (zero based index).

2 contributors

Install mobile-stepper as a package?

Copied

npm i @bit/mui-org.material-ui.mobile-stepper

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

Set the active step (zero based index). Defines which dot is highlighted when the variant is 'dots’.

A back button element. For instance, it can be a Button or an IconButton.

Props applied to the LinearProgress element.

A next button element. For instance, it can be a Button or an IconButton.

Set the positioning type.

The total steps.

The variant to use.

Demos:

Steppers

API:

MobileStepper API
inherits Paper API

Properties

Name	Type	Description
activeStep	`number`	Set the active step (zero based index). Defines which dot is highlighted when the variant is 'dots’.
backButton	`node`	A back button element. For instance, it can be a `Button` or an `IconButton`.
classes	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
LinearProgressProps	`object`	Props applied to the `LinearProgress` element.
nextButton	`node`	A next button element. For instance, it can be a `Button` or an `IconButton`.
position	`'bottom' \| 'static' \| 'top'`	Set the positioning type.
steps (required)	`number`	The total steps.
variant	`'dots' \| 'progress' \| 'text'`	The variant to use.