step-label

v4.9.10arrow_drop_down
v4.9.10
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
117,807
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
26 KB
In most cases will simply be a string containing a title for the label.
2 contributors
Install step-label as a package?
Copied
npm i @bit/mui-org.material-ui.step-label
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
chevron_left
chevron_right

In most cases will simply be a string containing a title for the label.

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

Mark the step as failed.

Override the default label of the step icon.

The optional node to display.

The component to render in place of the StepIcon.

Props applied to the StepIcon element.

Demos:

API:

Properties
NameTypeDescription
children
node

In most cases will simply be a string containing a title for the label.

classes
object

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

className
string
disabled
bool

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

error
bool

Mark the step as failed.

icon
node

Override the default label of the step icon.

optional
node

The optional node to display.

StepIconComponent
elementType

The component to render in place of the StepIcon.

StepIconProps
object

Props applied to the StepIcon element.

Help and resources