Componente do botão

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

Uso

O componente Botão do 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 do Componente de botão podem ser definidos na caixa de diálogo design.

Versão e compatibilidade

A versão atual do Componente de botão é a 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 de AEM com as quais as versões do componente são compatíveis e vincula à documentação das 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.

Saída de componente de exemplo

Para experimentar o Componente de botão, bem como 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 de botão pode ser encontrada no GitHub.

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

Configurar caixa de diálogo

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

Guia Propriedades

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

  • Texto - O texto a ser exibido no botão
  • Link - Link para uma página de conteúdo no 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 exibição de um ícone no botão
  • ID - Essa opção permite controlar o identificador exclusivo do componente no HTML e na Camada de dados.
    • Caso deixado em branco, uma ID exclusiva é gerada automaticamente para você e pode ser encontrada ao inspecionar a página resultante.
    • Se uma ID for especificada, é responsabilidade do autor garantir que seja exclusiva.
    • A alteração da ID pode afetar o rastreamento de CSS, JS e 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 de acessibilidade ARIA para o componente.

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

Caixa de diálogo Design

Guia Estilos

O Componente de Botão suporta o AEM Sistema de Estilos.

Camada de dados do cliente Adobe

O Componente de Botão oferece suporte à Camada de Dados do Cliente do Adobe.](/docs/experience-manager-core-components/using/developing/data-layer/overview.html?lang=pt-BR)[

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now