Pular para o conteúdo

Stack API

Documentação da API para o componente React Stack . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import Stack from '@mui/material/Stack';
// ou
import { Stack } from '@mui/material';
Você pode aprender sobre a diferença lendo este guia sobre como minimizar o tamanho do pacote.

Propriedades

Propriedades do componente nativo também estão disponíveis.

NomeTipoPadrãoDescrição
childrennode
O conteúdo do componente.
componentelementType
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.
dividernode
Add an element between each child.
spacingArray<number
| string>
| number
| object
| string
0
Defines the space between immediate children.
sxArray<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.

Como um utilitário CSS, o componente Stack também suporta todas as propriedades do sistema . Você pode usá-los como "props" diretamente no componente.

O ref é encaminhado para o elemento raiz.

Demonstrações