StepConnector API

想要学习更多组件属性和 CSS API，可以查阅 React StepConnector 组件的 API 文档。

演示项目

For examples and details on the usage of this React component, visit the component demo pages:

import StepConnector from '@mui/material/StepConnector';
// 或
import { StepConnector } from '@mui/material';

在主题中，名称“MuiStepConnector”可用于提供默认属性（props），或者样式覆盖

原生（Native）组件的属性也是可用的。

名称	类型	默认值	描述
classes	object		Override or extend the styles applied to the component. See CSS API below for more details.
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.

ref 则会被传递到根元素中。

规则名称	全局类名	描述
root	.MuiStepConnector-root	Styles applied to the root element.
horizontal	.MuiStepConnector-horizontal	Styles applied to the root element if `orientation="horizontal"`.
vertical	.MuiStepConnector-vertical	Styles applied to the root element if `orientation="vertical"`.
alternativeLabel	.MuiStepConnector-alternativeLabel	Styles applied to the root element if `alternativeLabel={true}`.
active	.Mui-active	Pseudo-class applied to the root element if `active={true}`.
completed	.Mui-completed	Pseudo-class applied to the root element if `completed={true}`.
disabled	.Mui-disabled	Pseudo-class applied to the root element if `disabled={true}`.
line	.MuiStepConnector-line	Styles applied to the line element.
lineHorizontal	.MuiStepConnector-lineHorizontal	Styles applied to the root element if `orientation="horizontal"`.
lineVertical	.MuiStepConnector-lineVertical	Styles applied to the root element if `orientation="vertical"`.

您可以使用组件自定义选项对组件进行个性化：