跳到内容
跳到内容
🚀 影响 Toolpad Core 2025 年路线图！参与最新的开发者调查

SignOutButtonAPI

React SignOutButton 组件的 API 参考文档。了解此导出的模块的 props、CSS 和其他 API。

演示

导入

import { SignOutButton } 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"，则应用到根元素的样式。

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

源代码

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