Componente de Título (v1) title-component-v

O componente de Título, dos Componentes principais, é um componente de cabeçalho de seção que apresenta edição no local.

Uso usage

O componente de Título deve ser usado como o título ou cabeçalho de uma seção de conteúdo.

Os níveis de cabeçalho disponíveis podem ser definidos pelo autor do modelo na caixa de diálogo design. O editor de conteúdo pode selecionar a partir dos níveis de cabeçalho disponíveis na caixa de diálogo de edição. Para maior conveniência, a edição simples no local do texto do cabeçalho também está disponível.

Versão e compatibilidade version-and-compatibility

Este documento descreve a v1 do componente de Título, originalmente introduzido com a versão 1.0.0 dos Componentes principais, com o AEM 6.3.

A tabela a seguir lista a compatibilidade da v1 do componente de Título.

Exemplo de saída do componente sample-component-output

O exemplo a seguir foi retirado do We.Retail.

Captura de tela screenshot

HTML html

<div class="cmp cmp-title aem-GridColumn aem-GridColumn--default--12">
     <h2>Welcome! This is our finest equipment!</h2>
</div>

JSON json

"title": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              ":type": "weretail/components/content/title",
              "jcr:title": "Welcome! This is our finest equipment!",
              "type": "h2"
            }

Caixa de diálogo de edição edit-dialog

A caixa de diálogo de edição permite que o autor de conteúdo defina o texto do título, e selecione o nível do cabeçalho.

O editor local também pode ser usado para editar o texto do componente de Título.

Caixa de diálogo de design design-dialog

A caixa de diálogo de design permite que o autor do modelo defina o nível de cabeçalho padrão que os componentes de título terão quando criados pelos autores de conteúdo.

Detalhes técnicos technical-details

A documentação técnica mais recente sobre o componente de Título pode ser encontrada no GitHub.

Todo o projeto dos Componentes principais pode ser baixado do GitHub.

Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.