StackAPI

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

示範

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

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

原生元件的 Props 也可用。

名稱	類型	預設值	描述
children	node	-	元件的內容。
component	elementType	-	用於根節點的元件。字串（用於 HTML 元素）或元件。
direction	'column-reverse' \| 'column' \| 'row-reverse' \| 'row' \| Array<'column-reverse' \| 'column' \| 'row-reverse' \| 'row'> \| object	'column'	定義 `flex-direction` 樣式屬性。它適用於所有螢幕尺寸。
divider	node	-	在每個子元件之間新增元素。
spacing	Array<number \| string> \| number \| object \| string	0	定義直接子元件之間的間距。
sx	Array<func \| object \| bool> \| func \| object	-	系統 prop，允許定義系統覆寫以及其他 CSS 樣式。請參閱 `sx` 頁面以瞭解更多詳細資訊。
useFlexGap	bool	false	如果 `true`，則會使用 CSS flexbox `gap`，而不是將 `margin` 套用至子元件。雖然 CSS `gap` 消除了已知限制，但在某些瀏覽器中尚未完全支援。我們建議在使用此標記之前，先查看 https://caniuse.dev.org.tw/?search=flex%20gap。若要全域啟用此標記，請依照主題的預設 props 設定。

作為 CSS 实用程式，Stack 元件也支援所有 system 屬性。您可以直接在元件上將它們用作 props。

ref 會轉發到根元素。

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

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