Layout

Divisor

Divider / Separator

Uma linha ou espaço que separa grupos ou partes de um conteúdo.

Primeiro assunto

Um pequeno trecho de conteúdo.

Outro assunto

Uma nova parte da conversa.

Exemplo didático · Representação visual do padrão

Quando usar

Organizar grupos com uma separação visual discreta.

Cuidados e acessibilidade

Use hr para uma quebra temática; uma linha decorativa não precisa de semântica.

Partes e comportamento

Separação visual ou temática entre dois grupos.

Não confunda

Uma quebra temática usa hr; uma linha meramente decorativa pode ser CSS.

Exemplo de código

<p>Encerramento do primeiro assunto.</p>
<hr>
<p>Início de outro assunto.</p>

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

Crie um componente de interface do tipo Divisor (Divider / Separator) em português do Brasil. Uma linha ou espaço que separa grupos ou partes de um conteúdo. Contexto de uso: Organizar grupos com uma separação visual discreta. Estrutura: Separação visual ou temática entre dois grupos. Referência técnica: <hr>. Requisito: Use hr para uma quebra temática; uma linha decorativa não precisa de semântica. Considere também: Uma quebra temática usa hr; uma linha meramente decorativa pode ser CSS. Adapte cores e tipografia ao projeto. Cubra estados inicial, foco, ativo, indisponível, carregamento, vazio e erro quando aplicáveis. Garanta contraste legível, comportamento responsivo, movimento reduzido e acesso por teclado. Use textos em PT-BR, valores em reais e datas no formato brasileiro quando houver. Explique quais partes exigem integração real e não simule sucesso sem concluir a operação.

Consultar referência técnica ↗Copiar link deste termo ↗