Timeline API
API documentation for the React Timeline component. Learn about the available props, and the CSS API.
Import
import Timeline from '@material-ui/lab/Timeline';
// 或
import { Timeline } from '@material-ui/lab';Component name
The nameMuiTimeline can be used when providing default props or style overrides in the theme.属性
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| 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. | |
| className | string | ||
| position | 'alternate' | 'left' | 'right' | 'right' | |
| sx | object |
ref 则会被传递到根元素中。Any other props supplied will be provided to the root element (native element).
CSS
| Rule name | Global class | 描述 |
|---|---|---|
| root | .MuiTimeline-root | Styles applied to the root element. |
| positionLeft | .MuiTimeline-positionLeft | |
| positionRight | .MuiTimeline-positionRight | |
| positionAlternate | .MuiTimeline-positionAlternate |
You can override the style of the component using one of these customization options:
- With a global class name.
- With a rule name as part of the component's
styleOverridesproperty in a custom theme.