GridLegacyAPI

元件的內容。

覆寫或擴展套用至元件的樣式。

請參閱下方 `CSS 類別 API` 以取得更多詳細資訊。

欄數。

定義 `item` 類型元件之間的水平間距。它會覆寫 `spacing` prop 的值。

用於根節點的元件。可以是字串 (用於 HTML 元素) 或元件。

如果為 `true`，元件將具有 flex *container* 行為。您應該使用 *container* 包裝 *items*。

定義 `flex-direction` 樣式屬性。它適用於所有螢幕尺寸。

如果為 `true`，元件將具有 flex *item* 行為。您應該使用 *container* 包裝 *items*。

如果是數字，則設定 grid item 使用的欄數。它不能大於 container 的總欄數 (預設為 12)。如果為 'auto'，grid item 的寬度會符合其內容。如果為 false，則會忽略該 prop。如果為 true，grid item 的寬度會擴展以使用 grid container 中可用的空間。該值適用於 `lg` breakpoint 和更寬的螢幕 (如果未被覆寫)。

如果是數字，則設定 grid item 使用的欄數。它不能大於 container 的總欄數 (預設為 12)。如果為 'auto'，grid item 的寬度會符合其內容。如果為 false，則會忽略該 prop。如果為 true，grid item 的寬度會擴展以使用 grid container 中可用的空間。該值適用於 `md` breakpoint 和更寬的螢幕 (如果未被覆寫)。

定義 `item` 類型元件之間的垂直間距。它會覆寫 `spacing` prop 的值。

如果是數字，則設定 grid item 使用的欄數。它不能大於 container 的總欄數 (預設為 12)。如果為 'auto'，grid item 的寬度會符合其內容。如果為 false，則會忽略該 prop。如果為 true，grid item 的寬度會擴展以使用 grid container 中可用的空間。該值適用於 `sm` breakpoint 和更寬的螢幕 (如果未被覆寫)。

定義 `item` 類型元件之間的間距。它只能在 `container` 類型元件上使用。

允許定義系統覆寫以及額外 CSS 樣式的系統 prop。

請參閱 ``sx` 頁面` 以取得更多詳細資訊。

定義 `flex-wrap` 樣式屬性。它適用於所有螢幕尺寸。

如果是數字，則設定 grid item 使用的欄數。它不能大於 container 的總欄數 (預設為 12)。如果為 'auto'，grid item 的寬度會符合其內容。如果為 false，則會忽略該 prop。如果為 true，grid item 的寬度會擴展以使用 grid container 中可用的空間。該值適用於 `xl` breakpoint 和更寬的螢幕 (如果未被覆寫)。

如果是數字，則設定 grid item 使用的欄數。它不能大於 container 的總欄數 (預設為 12)。如果為 'auto'，grid item 的寬度會符合其內容。如果為 false，則會忽略該 prop。如果為 true，grid item 的寬度會擴展以使用 grid container 中可用的空間。該值適用於所有螢幕尺寸，優先順序最低。

如果為 `true`，則在 item 上設定 `min-width: 0`。請參閱文件中的限制章節，以更了解使用案例。