Timeline API

Documentação da API para o componente React Timeline . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import Timeline from '@mui/lab/Timeline';
// ou
import { Timeline } from '@mui/lab';

The name MuiTimeline 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
children	node		O conteúdo do componente.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
className	string		className applied to the root element.
position	'alternate' \| 'left' \| 'right'	'right'	The position where the TimelineContent should appear relative to the time axis.
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	.MuiTimeline-root	Estilos aplicados ao elemento raiz.
positionLeft	.MuiTimeline-positionLeft	Estilos aplicados para o elemento raiz se `position="left"`.
positionRight	.MuiTimeline-positionRight	Estilos aplicados para o elemento raiz se `position="right"`.
positionAlternate	.MuiTimeline-positionAlternate	Estilos aplicados para o elemento raiz se `position="alternate"`.

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.