SnackbarContentAPI

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

範例

如需此 React 元件的使用範例和詳細資訊，請造訪元件示範頁面

import SnackbarContent from '@mui/material/SnackbarContent';
// or
import { SnackbarContent } from '@mui/material';

Paper 元件的 Props 也可使用。

名稱	類型	預設	描述
action	node	-	要顯示的 action。它會在訊息之後、snackbar 的末尾呈現。
classes	object	-	覆寫或擴展套用至元件的樣式。請參閱下方的 CSS 類別 API 以了解更多詳細資訊。
message	node	-	要顯示的訊息。
role	string	'alert'	元素的 ARIA role 屬性。
sx	Array<func \| object \| bool> \| func \| object	-	允許定義系統覆寫以及額外 CSS 樣式的系統 prop。請參閱 `sx` 頁面以了解更多詳細資訊。

ref 會轉發到根元素。

雖然上方未明確說明，但 Paper 元件的 props 也可在 SnackbarContent 中使用。您可以利用此功能來鎖定巢狀元件。

您可以使用 MuiSnackbarContent 透過主題變更此元件的預設 props。

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

類別名稱	規則名稱	描述
.MuiSnackbarContent-action	action	如果提供 action，則套用至 action 包裝器元素的樣式。
.MuiSnackbarContent-message	message	套用至訊息包裝器元素的樣式。
.MuiSnackbarContent-root	root	套用至根元素的樣式。

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

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