---
title: Box
description: O componente Box é uma ferramenta fundamental para a organização e estruturação de conteúdo em suas páginas web. Ele oferece a capacidade de criar caixas que abrigam outros componentes, permitindo uma organização visualmente atraente e funcional do layout da página.…
url: "https://gaianocode.com.br/docs/box/"
updated: "2024-03-19"
category: Pages / Page Componentes / Box
---

# Box

O componente Box é uma ferramenta fundamental para a organização e estruturação de conteúdo em suas páginas web. Ele oferece a capacidade de criar caixas que abrigam outros componentes, permitindo uma organização visualmente atraente e funcional do layout da página. Com o componente Box, os usuários podem agrupar elementos relacionados, como texto, imagens, botões e outros componentes, dentro de uma única caixa, facilitando a criação de seções distintas de conteúdo. Além disso, o componente Box oferece opções de personalização, como cores de fundo, bordas e espaçamento, permitindo que os usuários personalizem o estilo e o design das caixas de acordo com suas preferências e necessidades específicas. Com sua versatilidade e praticidade, o componente Box é uma ferramenta essencial para a criação de layouts dinâmicos e visualmente atraentes.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/box2-1024x288.png)

## Localização

O componente Box, se encontra dentro de WebCompoents conforme ilustrado abaixo:

![](https://gaianocode.com.br/wp-content/uploads/2024/02/box3.png)

## Propriedades

### Basic

As propriedades básicas do componente Box incluem o seu tipo, contendo como única opção Box, além do conteúdo do texto.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/box4.png)

### Params

As propriedades de parâmetros do componente Box incluem sua classe e o tamanho correspondente que a box terá, oferecendo a flexibilidade de adicionar novos parâmetros conforme necessário.

![](https://gaianocode.com.br/wp-content/uploads/2024/02/box5.png)