StepButton API
Documentação da API para o componente React StepButton . Aprenda sobre as propriedades disponíveis e a API CSS.
Importação
import StepButton from '@mui/material/StepButton';
// ou
import { StepButton } from '@mui/material';Nome do componente
The nameMuiStepButton can be used when providing default props or style overrides in the theme.Propriedades
Propriedades do componente ButtonBase também estão disponíveis.
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
| children | node | Can be a StepLabel or a node to place inside StepLabel as children. | |
| classes | object | Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes. | |
| icon | node | The icon displayed by the step label. | |
| optional | node | The optional node to display. | |
| 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.Herança
Embora não explicitamente documentado acima, as propriedades do componente ButtonBase também estão disponíveis em StepButton. Você pode tirar vantagem disso para manipular componentes aninhados.CSS
| Nome da regra | Classe global | Descrição |
|---|---|---|
| root | .MuiStepButton-root | Estilos aplicados ao elemento raiz. |
| horizontal | .MuiStepButton-horizontal | Estilos aplicados para o elemento raiz se orientation="horizontal". |
| vertical | .MuiStepButton-vertical | Estilos aplicados para o elemento raiz se orientation="vertical". |
| touchRipple | .MuiStepButton-touchRipple | Estilos aplicados a the `ButtonBase` touch-ripple. |
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
styleOverridesdo componente em um tema personalizado.