跳到主要內容
跳到主要內容
🚀 影響 Toolpad Core 2025 年的產品藍圖！參與最新的開發者問卷調查

SignInButtonAPI

React SignInButton 組件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。

範例

匯入

import { SignInButton } from '@toolpad/core/Account';

Props

名稱類型描述
childrennode

組件的內容。

此組件不能持有 ref。

CSS 類別

這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至組件的插槽。

類別名稱規則名稱描述
.colorError如果 color="error"，則套用至根元素的樣式。
.colorInfo如果 color="info"，則套用至根元素的樣式。
.colorInherit如果 color="inherit"，則套用至根元素的樣式。
.colorPrimary如果 color="primary"，則套用至根元素的樣式。
.colorSecondary如果 color="secondary"，則套用至根元素的樣式。
.colorSuccess如果 color="success"，則套用至根元素的樣式。
.colorWarning如果 color="warning"，則套用至根元素的樣式。
.contained如果 variant="contained"，則套用至根元素的樣式。
.containedError如果 variant="contained" 且 color="error"，則套用至根元素的樣式。
.containedInfo如果 variant="contained" 且 color="info"，則套用至根元素的樣式。
.containedInherit如果 variant="contained" 且 color="inherit"，則套用至根元素的樣式。
.containedPrimary如果 variant="contained" 且 color="primary"，則套用至根元素的樣式。
.containedSecondary如果 variant="contained" 且 color="secondary"，則套用至根元素的樣式。
.containedSizeLarge如果 size="large" 且 variant="contained"，則套用至根元素的樣式。
.containedSizeMedium如果 size="medium" 且 variant="contained"，則套用至根元素的樣式。
.containedSizeSmall如果 size="small" 且 variant="contained"，則套用至根元素的樣式。
.containedSuccess如果 variant="contained" 且 color="success"，則套用至根元素的樣式。
.containedWarning如果 variant="contained" 且 color="warning"，則套用至根元素的樣式。
.disabled如果 disabled={true}，則套用至根元素的狀態類別。
.disableElevation如果 disableElevation={true}，則套用至根元素的樣式。
.endIcon如果提供，則套用至 endIcon 元素的樣式。
.focusVisible如果按鈕是鍵盤焦點，則套用至 ButtonBase 根元素的狀態類別。
.fullWidth如果 fullWidth={true}，則套用至根元素的樣式。
.icon如果提供，則套用至 icon 元素的樣式
.iconSizeLarge如果提供且 size="large"，則套用至 icon 元素的樣式。
.iconSizeMedium如果提供且 size="medium"，則套用至 icon 元素的樣式。
.iconSizeSmall如果提供且 size="small"，則套用至 icon 元素的樣式。
.loading如果 loading={true}，則套用至根元素的樣式。
.loadingIconPlaceholder套用至 loadingIconPlaceholder 元素的樣式。
.loadingIndicator套用至 loadingIndicator 元素的樣式。
.loadingPositionCenter如果 loadingPosition="center"，則套用至根元素的樣式。
.loadingPositionEnd如果 loadingPosition="end"，則套用至根元素的樣式。
.loadingPositionStart如果 loadingPosition="start"，則套用至根元素的樣式。
.loadingWrapper套用至 loadingWrapper 元素的樣式。
.outlined如果 variant="outlined"，則套用至根元素的樣式。
.outlinedError如果 variant="outlined" 且 color="error"，則套用至根元素的樣式。
.outlinedInfo如果 variant="outlined" 且 color="info"，則套用至根元素的樣式。
.outlinedInherit如果 variant="outlined" 且 color="inherit"，則套用至根元素的樣式。
.outlinedPrimary如果 variant="outlined" 且 color="primary"，則套用至根元素的樣式。
.outlinedSecondary如果 variant="outlined" 且 color="secondary"，則套用至根元素的樣式。
.outlinedSizeLarge如果 size="large" 且 variant="outlined"，則套用至根元素的樣式。
.outlinedSizeMedium如果 size="medium" 且 variant="outlined"，則套用至根元素的樣式。
.outlinedSizeSmall如果 size="small" 且 variant="outlined"，則套用至根元素的樣式。
.outlinedSuccess如果 variant="outlined" 且 color="success"，則套用至根元素的樣式。
.outlinedWarning如果 variant="outlined" 且 color="warning"，則套用至根元素的樣式。
.root套用至根元素的樣式。
.sizeLarge如果 size="large"，則套用至根元素的樣式。
.sizeMedium如果 size="medium"，則套用至根元素的樣式。
.sizeSmall如果 size="small"，則套用至根元素的樣式。
.startIcon如果提供，則套用至 startIcon 元素的樣式。
.text如果 variant="text"，則套用至根元素的樣式。
.textError如果 variant="text" 且 color="error"，則套用至根元素的樣式。
.textInfo如果 variant="text" 且 color="info"，則套用至根元素的樣式。
.textInherit如果 variant="text" 且 color="inherit"，則套用至根元素的樣式。
.textPrimary如果 variant="text" 且 color="primary"，則套用至根元素的樣式。
.textSecondary如果 variant="text" 且 color="secondary"，則套用至根元素的樣式。
.textSizeLarge如果 size="large" 且 variant="text"，則套用至根元素的樣式。
.textSizeMedium如果 size="medium" 且 variant="text"，則套用至根元素的樣式。
.textSizeSmall如果 size="small" 且 variant="text"，則套用至根元素的樣式。
.textSuccess如果 variant="text" 且 color="success"，則套用至根元素的樣式。
.textWarning如果 variant="text" 且 color="warning"，則套用至根元素的樣式。

您可以使用下列其中一種客製化選項，覆寫組件的樣式

原始碼

如果您在此頁面中找不到資訊，請考慮查看組件的實作以取得更多詳細資訊。