AccountPreviewAPI
React AccountPreview 組件的 API 參考文件。了解此導出模組的 props、CSS 和其他 API。
範例
Import
import { AccountPreview } from '@toolpad/core/Account';AccountPreview 組件顯示使用者帳戶資訊。
原生組件的 Props 也可使用。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| handleClick | func | - | 預覽展開時使用的處理函式 |
| open | bool | false | Account popover 的狀態 |
| slotProps | { avatar?: object, avatarIconButton?: object, moreIconButton?: object } | - | 用於每個插槽內部的 props。 |
| slots | { avatar?: elementType, avatarIconButton?: elementType, moreIconButton?: elementType } | - | 用於每個插槽內部的組件。 請參閱下方Slots API以取得更多詳細資訊。 |
| sx | Array<func | object | bool> | func | object | - | 用於自訂預覽樣式的 prop 請參閱 `sx` 頁面以取得更多詳細資訊。 |
| variant | 'condensed' | 'expanded' | 'condensed' | 要顯示的帳戶詳細資訊類型。 |
此組件無法持有 ref。
| 插槽名稱 | 類別名稱 | 預設組件 | 描述 |
|---|---|---|---|
| avatar | Avatar | 用於 Avatar 的組件 | |
| moreIconButton | IconButton | 用於 expanded 變體中溢位圖示按鈕的組件 | |
| avatarIconButton | IconButton | 用於 condensed 變體中頭像圖示按鈕的組件 |
原始碼
如果您在本頁中找不到資訊，請考慮查看組件的實作以取得更多詳細資訊。