跳到内容
跳到内容
🚀 影响 Toolpad 核心 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"，则样式应用于根元素。

您可以使用以下自定义选项之一来覆盖组件的样式

源代码

如果您在此页面中找不到信息，请考虑查看组件的实现以获取更多详细信息。