AvatarGroupAPI
React AvatarGroup 組件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import AvatarGroup from '@mui/joy/AvatarGroup';
// or
import { AvatarGroup } from '@mui/joy';閱讀這份關於最小化套件大小的指南，以了解差異。
也提供原生組件的 Props。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| children | node | - | 如果未設定 `src`，則用於在 AvatarGroup 內呈現圖示或文字元素。這可以是元素，或僅僅是字串。 |
| color | 'danger' | 'neutral' | 'primary' | 'success' | 'warning' | string | 'neutral' | 組件的顏色。它支援適用於此組件的主題顏色。 若要了解如何新增自己的顏色，請查看「主題組件—擴充顏色」。 |
| component | elementType | - | 用於根節點的組件。可以是字串（用於 HTML 元素）或組件。 |
| size | 'lg' | 'md' | 'sm' | string | 'md' | 組件的尺寸。它接受介於 'sm' 和 'lg' 之間的主題值。 若要了解如何為組件新增自訂尺寸，請查看「主題組件—擴充尺寸」。 |
| slotProps | { root?: func | object } | {} | 用於每個插槽內的 props。 |
| slots | { root?: elementType } | {} | 用於每個插槽內的組件。 有關更多詳細資訊，請參閱下方的「插槽 API」。 |
| sx | Array<func | object | bool> | func | object | - | 允許定義系統覆寫以及額外 CSS 樣式的系統 prop。 有關更多詳細資訊，請參閱「`sx` 頁面」。 |
| variant | 'outlined' | 'plain' | 'soft' | 'solid' | string | 'soft' | 要使用的全域變體。 若要了解如何新增自己的變體，請查看「主題組件—擴充變體」。 |
`ref` 會轉發到根元素。
主題預設 props
您可以使用 `JoyAvatarGroup` 透過主題變更此組件的預設 props。
若要了解如何自訂插槽，請查看「覆寫組件結構」指南。
| 插槽名稱 | 類別名稱 | 預設組件 | 描述 |
|---|---|---|---|
| root | .MuiAvatarGroup-root | 'div' | 呈現 root 的組件。 |
原始碼
如果您在此頁面中找不到資訊，請考慮查看組件的實作以取得更多詳細資訊。