StepContent API
API documentation for the React StepContent component. Learn about the available props, and the CSS API.
Import
import StepContent from '@material-ui/core/StepContent';
// o
import { StepContent } from '@material-ui/core';
Component name
The nameMuiStepContent
can be used when providing default props or style overrides in the theme.Props
Nombre | Tipo | Por defecto | Descripción |
---|---|---|---|
children | node | The content of the component. | |
classes | object | Override or extend the styles applied to the component. See CSS API below for more details. | |
TransitionComponent | elementType | Collapse | The component used for the transition. Follow this guide to learn more about the requirements for this component. |
transitionDuration | 'auto' | number | { appear?: number, enter?: number, exit?: number } | 'auto' | Adjust the duration of the content expand transition. Passed as a prop to the transition component. Set to 'auto' to automatically calculate transition time based on height. |
TransitionProps | object | Props applied to the transition element. By default, the element is based on this Transition component. |
The
ref
is forwarded to the root element.Any other props supplied will be provided to the root element (native element).
CSS
Rule name | Global class | Descripción |
---|---|---|
root | .MuiStepContent-root | Styles applied to the root element. |
last | .MuiStepContent-last | Styles applied to the root element if last={true} (controlled by Step ). |
transition | .MuiStepContent-transition | Styles applied to the Transition component. |
You can override the style of the component using one of these customization options:
- With a rule name of the
classes
object prop. - With a global class name.
- With a theme and an
styleOverrides
property.