Stack API
想要学习更多组件属性和 CSS API,可以查阅 React Stack 组件的 API 文档。
导入
import Stack from '@mui/material/Stack';
// 或
import { Stack } from '@mui/material';
属性
原生(Native) 组件的属性也是可用的。
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
children | node | The content of the component. | |
component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
direction | 'column-reverse' | 'column' | 'row-reverse' | 'row' | Array<'column-reverse' | 'column' | 'row-reverse' | 'row'> | object | 'column' | Defines the flex-direction style property. It is applied for all screen sizes. |
divider | node | Add an element between each child. | |
spacing | Array<number | string> | number | object | string | 0 | Defines the space between immediate children. |
sx | Array<func | object | bool> | func | object | The system prop, which allows defining system overrides as well as additional CSS styles. See the `sx` page for more details. |
作为一个 CSS 实用工具, Stack 组件也支持所有
系统
属性。 您可以将它们作为props在组件上直接使用。ref
则会被传递到根元素中。