SpeedDialIconAPI

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

示範

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

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

原生元件的 Props 也可用。

名稱	類型	描述
classes	object	覆寫或擴展應用於元件的樣式。請參閱下方CSS 類別 API 以瞭解更多詳細資訊。
icon	node	要顯示的圖示。
openIcon	node	當 SpeedDial 開啟時，在 SpeedDial 浮動操作按鈕中顯示的圖示。
sx	Array<func \| object \| bool> \| func \| object	系統屬性，允許定義系統覆寫以及其他 CSS 樣式。請參閱 `sx` 頁面以瞭解更多詳細資訊。

ref 被轉發到根元素。

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

這些類別名稱對於使用 CSS 設定樣式很有用。它們在觸發特定狀態時應用於元件的 slots。

類別名稱	規則名稱	描述
.MuiSpeedDialIcon-icon	icon	應用於圖示元件的樣式。
.MuiSpeedDialIcon-iconOpen	iconOpen	如果 `open={true}`，則應用於圖示元件的樣式。
.MuiSpeedDialIcon-iconWithOpenIconOpen	iconWithOpenIconOpen	當提供 `openIcon` 且 `open={true}` 時，應用於圖示的樣式。
.MuiSpeedDialIcon-openIcon	openIcon	如果提供，則應用於 `openIcon` 的樣式。
.MuiSpeedDialIcon-openIconOpen	openIconOpen	如果提供 `openIcon` 且 `open={true}`，則應用於 `openIcon` 的樣式。
.MuiSpeedDialIcon-root	root	應用於根元素的樣式。

您可以使用以下其中一種自訂選項覆寫元件的樣式

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