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.

Nome	Tipo	Padrão	Descrição
children	node		O conteúdo do componente.
component	elementType
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.

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

Stack