帳戶API
React Account 組件的 API 參考文件。了解這個匯出模組的 props、CSS 和其他 API。
示範
引入
import { Account } from '@toolpad/core/Account';
// or
import { Account } from '@toolpad/core';閱讀這份關於最小化 bundle size 的指南，以了解差異。
也提供原生組件的 Props。
| 名稱 | 類型 | 描述 |
|---|---|---|
| localeText | object | 帳戶組件的標籤。 |
| slotProps | { popover?: object, popoverContent?: object, preview?: { handleClick?: func, open?: bool, slotProps?: { avatar?: object, avatarIconButton?: object, moreIconButton?: object }, slots?: { avatar?: elementType, avatarIconButton?: elementType, moreIconButton?: elementType }, sx?: Array<func | object | bool> | func | object, variant?: 'condensed' | 'expanded' }, signInButton?: object, signOutButton?: object } | 用於每個 slot 內部的 props。 |
| slots | { popover?: elementType, popoverContent?: elementType, preview?: elementType, signInButton?: elementType, signOutButton?: elementType } | 用於每個 slot 內部的組件。 詳情請參閱下方的 Slots API。 |
此組件無法持有 ref。
| Slot 名稱 | 類別名稱 | 預設組件 | 描述 |
|---|---|---|---|
| preview | AccountPreview | 用於帳戶預覽的組件 | |
| popover | Popover | 用於帳戶彈出選單的組件 | |
| popoverContent | Stack | 用於帳戶彈出內容的組件 | |
| signInButton | Button | 用於登入按鈕的組件。 | |
| signOutButton | Button | 用於登出按鈕的組件。 |
原始碼
如果您在此頁面中找不到資訊，請考慮查看組件的實作以取得更多詳細資訊。