step

v4.9.10arrow_drop_down
v4.9.10
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
117,792
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
24 KB
Sets the step as active.
2 contributors
Install step as a package?
Copied
npm i @bit/mui-org.material-ui.step
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
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';
toggle layout
modifieddraft
modifieddraft
chevron_left
chevron_right

Sets the step as active. Is passed to child components.

Should be Step sub-components such as StepLabel, StepContent.

Mark the step as completed. Is passed to child components.

Mark the step as disabled, will also disable the button if StepButton is a child of Step. Is passed to child components.

Expand the step.

Demos:

API:

Properties
NameTypeDescription
active
bool

Sets the step as active. Is passed to child components.

children
node

Should be Step sub-components such as StepLabel, StepContent.

classes
object

Override or extend the styles applied to the component. See CSS API below for more details.

className
string
completed
bool

Mark the step as completed. Is passed to child components.

disabled
bool

Mark the step as disabled, will also disable the button if StepButton is a child of Step. Is passed to child components.

expanded
bool

Expand the step.

Help and resources