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.

Propriedades do componente nativo também estão disponíveis.

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	Array<func \| object \| bool> \| 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:

Com um nome de classe global.
Com um nome de regra como parte da propriedade styleOverrides do componente em um tema personalizado.