TimelineItemAPI
React TimelineItem 元件的 API 參考文件。 瞭解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import TimelineItem from '@mui/lab/TimelineItem';
// or
import { TimelineItem } from '@mui/lab';瞭解差異，請閱讀本指南，瞭解如何最小化套件大小。
原生元件的 Props 也可用。
| 名稱 | 類型 | 描述 |
|---|---|---|
| children | node | 元件的內容。 |
| classes | object | 覆寫或擴充套用至元件的樣式。 請參閱下方CSS 類別 API 以瞭解更多詳細資訊。 |
| position | 'alternate-reverse' | 'alternate' | 'left' | 'right' | 時間軸項目應出現的位置。 |
| sx | Array<func | object | bool> | func | object | 系統屬性，允許定義系統覆寫以及其他 CSS 樣式。 請參閱 `sx` 頁面 以瞭解更多詳細資訊。 |
ref 轉發到根元素。主題預設 props
您可以使用 MuiTimelineItem 透過主題 變更此元件的預設 props。
這些類別名稱對於使用 CSS 設定樣式很有用。 它們會在觸發特定狀態時套用至元件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiTimelineItem-missingOppositeContent | missingOppositeContent | 如果未提供 TimelineOppositeContent，則套用至根元素的樣式。 |
| .MuiTimelineItem-positionAlternate | positionAlternate | 如果 position="alternate"，則套用至根元素的樣式。 |
| .MuiTimelineItem-positionAlternateReverse | positionAlternateReverse | 如果 position="alternate-reverse"，則套用至根元素的樣式。 |
| .MuiTimelineItem-positionLeft | positionLeft | 如果 position="left"，則套用至根元素的樣式。 |
| .MuiTimelineItem-positionRight | positionRight | 如果 position="right"，則套用至根元素的樣式。 |
| .MuiTimelineItem-root | root | 套用至根元素的樣式。 |
您可以使用以下自訂選項之一覆寫元件的樣式
- 使用全域類別名稱。
- 在自訂主題中使用規則名稱作為元件的
styleOverrides屬性的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看元件的實作以取得更多詳細資訊。