Stepper API

Documentação da API para o componente React Stepper . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import Stepper from '@mui/material/Stepper';
// ou
import { Stepper } from '@mui/material';

The name MuiStepper can be used when providing default props or style overrides in the theme.

Props of the nativo component are also available.

Nome	Tipo	Padrão	Descrição
activeStep	integer	0	Set the active step (zero based index). Set to -1 to disable all the steps.
alternativeLabel	bool	false	If set to 'true' and orientation is horizontal, then the step label will be positioned under the icon.
children	node		Two or more `<Step />` components.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
connector	element	<StepConnector />	An element to be placed between each step.
nonLinear	bool	false	If set the `Stepper` will not assist in controlling steps for linear flow.
orientation	'horizontal' \| 'vertical'	'horizontal'	The group orientation (layout flow direction).
sx	func \| object		The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.

O ref é encaminhado para o elemento raiz.

Nome da regra	Classe global	Descrição
root	.MuiStepper-root	Estilos aplicados ao elemento raiz.
horizontal	.MuiStepper-horizontal	Estilos aplicados para o elemento raiz se `orientation="horizontal"`.
vertical	.MuiStepper-vertical	Estilos aplicados para o elemento raiz se `orientation="vertical"`.
alternativeLabel	.MuiStepper-alternativeLabel	Estilos aplicados para o elemento raiz se `alternativeLabel={true}`.

Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.