---
title: Bar
description: O componente Bar é uma ferramenta versátil que permite a criação de linhas para separação e divisão de conteúdo em suas páginas web. Essas linhas são elementos visuais que ajudam a organizar e estruturar o layout da página, criando divisões…
url: "https://gaianocode.com.br/docs/bar/"
updated: "2024-02-08"
category: Pages / Page Componentes / Bar
---

# Bar

O componente Bar é uma ferramenta versátil que permite a criação de linhas para separação e divisão de conteúdo em suas páginas web. Essas linhas são elementos visuais que ajudam a organizar e estruturar o layout da página, criando divisões claras entre diferentes seções de conteúdo. Com o componente Bar, os usuários podem facilmente adicionar linhas horizontais para melhorar a legibilidade e a estética de suas páginas, proporcionando uma experiência de navegação mais intuitiva e agradável para os visitantes. Com sua simplicidade e eficácia, o componente Bar é uma ferramenta essencial para a criação de layouts bem organizados e visualmente atraentes.

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

## Localização

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

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

### Basic

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

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

### Params

O componente Bar possui como única propriedade de parâmetro box-size. A opção box-size define o tamanho do da linha de divisão.

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