Componente do botão

O componente de Botão Componente Principal permite a configuração e a exibição de um item de botão em uma página.

Uso

O componente do botão Componente principal permite a inclusão de um botão em uma página.

  • As propriedades do botão podem ser selecionadas na caixa de diálogo configurar.
  • Os estilos para o componente Botão podem ser definidos na caixa de diálogo design.

Versão e compatibilidade

A versão atual do Componente de botão é v1, que foi introduzida com a versão 2.5.0 dos Componentes principais em junho de 2019, e é descrita neste documento.

A tabela a seguir detalha todas as versões compatíveis do componente, as versões AEM com as quais as versões do componente são compatíveis e os links para a documentação de versões anteriores.

Versão do componente AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 Compatível Compatível Compatível

Para obter mais informações sobre versões e versões dos Componentes principais, consulte o documento Versões dos componentes principais.

Exemplo de saída do componente

Para experimentar o componente Botão e ver exemplos de suas opções de configuração, bem como a saída HTML e JSON, visite a Biblioteca de componentes.

Detalhes técnicos

A documentação técnica mais recente sobre o Componente do botão pode ser encontrada no GitHub.

Para obter mais detalhes sobre o desenvolvimento dos Componentes principais, consulte a documentação do desenvolvedor dos Componentes principais.

Configurar caixa de diálogo

A caixa de diálogo de configuração permite que o autor do conteúdo defina o botão e como ele se comportará e aparecerá para um visitante da página.

Guia Propriedades

Guia Propriedades da caixa de diálogo Editar do componente Botão

  • Texto - O texto a ser exibido no botão
  • Link - Link para uma página de conteúdo em AEM, um recurso externo ou uma âncora
    • Use a caixa de diálogo de seleção para escolher um caminho dentro do AEM.
  • Ícone - Identificador para exibir um ícone no botão
  • ID - Essa opção permite controlar o identificador exclusivo do componente no HTML e na Camada de dados.
    • Se deixado em branco, uma ID exclusiva é gerada automaticamente para você e pode ser encontrada inspecionando a página resultante.
    • Se uma ID for especificada, é responsabilidade do autor garantir que seja exclusiva.
    • A alteração da ID pode afetar o CSS, o JS e o rastreamento da camada de dados.

Guia Acessibilidade

Guia Acessibilidade da caixa de diálogo Editar do Componente de Botão

Na guia Acessibilidade, os valores podem ser definidos para os rótulos ARIA accessibility do componente.

  • Rótulo - Valor de um atributo de rótulo ARIA para o componente

Caixa de diálogo Design

Guia Estilos

O componente Botão suporta o AEM Sistema de estilo.

Nesta página