Skip to content
bart

Divider: organize sections on the page

In this help document

Separate topics and block groups visually with a line, label, and spacing.

What this block does

Divisor separa visualmente partes de uma página para tornar a leitura e a navegação mais claras.

Use this format when you want to organize information from a data source in a specific way. The block-specific options appear in the reference below.

How to configure

  1. Open the page where the block will live. If Add block is unavailable, open Page settings > Visual, enable Enable editor mode, and save.
  2. Click Add block and choose the format described in this article.
  3. In the block menu, open Settings. Adjust the options under General and the specific options listed under Settings.
  4. Click Save changes and check the result on the page.

Quando usar

  • A página contém grupos de blocos com objetivos diferentes.
  • Uma mudança de etapa, assunto ou seção precisa ficar clara sem criar uma nova página.
  • Um rótulo breve ajuda a orientar a sequência de leitura.

Daily use

  • Use poucos divisores e mantenha o mesmo estilo em seções equivalentes.
  • Prefira título e texto quando a seção exige instruções, não apenas uma separação visual.
  • Ajuste o espaçamento antes de aumentar a espessura para resolver uma página confusa.

Care and access

  • O divisor organiza visualmente; ele não cria permissões, filtros ou agrupamentos de dados.
  • Não dependa apenas de cor ou linha para explicar uma mudança crítica de processo.
  • Em páginas públicas, o rótulo também é conteúdo visível e deve ser apropriado ao público.

Divisor

Divisor visual sem dados, registros ou ações de edição.

Configuração Padrão Opções
Rótulo da seção Vazio Adicione um texto opcional de até 80 caracteres.
Estilo da linha Sólida Escolha Sólida, Tracejada, Pontilhada ou Dupla.
Espessura Fina Escolha fina, média ou forte. A linha dupla usa seu próprio contorno.
Largura Total Use largura compacta (50%), ampla (75%) ou total (100%).
Alinhamento Centro Posicione a linha à esquerda, no centro ou à direita.
Espaçamento vertical Confortável Escolha Compacto, Confortável ou Espaçoso ao redor da linha.
Cor da linha Cor do tema Escolha uma cor hexadecimal ou mantenha a cor do tema.

Was this article helpful?

Your answer helps improve the documentation.