Pular para o conteúdo

Box API

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

Importação

import Box from '@mui/material/Box';
// ou
import { Box } 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
componentelementType
The component used for the root node. Either a string to use a HTML element or a component.
sxArray<func
| object
| bool>
| func
| object
The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.

Como um utilitário CSS, o componente Box 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