Componente de Botão (v1)

Última atualização: 12 de julho de 2024

Criado para:

  • Desenvolvedor
  • Administrador
  • Usuário

O componente de Botão, dos Componentes principais, permite a configuração e a exibição de um item de botão em uma página.

Uso

O componente de Botão, dos Componentes principais, permite a inclusão de um botão em uma página.

Versão e compatibilidade

O documento descreve a versão v1 do componente de botão, que foi introduzida com a versão 2.5.0 dos componentes principais em junho de 2019.

CAUTION
Este documento descreve a versão v1 do componente de botão.
Para obter detalhes sobre a versão atual do componente de botão, consulte o documento Componente de botão.

Exemplo de saída do componente

Para experimentar o componente de Botão, e ver exemplos de suas opções de configuração e de saídas 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.

Caixa de diálogo de configuração

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 de edição 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 exibir 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, um ID exclusivo é gerado automaticamente para você e pode ser encontrado ao inspecionar a página resultante.
    • Se um ID for especificado, é responsabilidade do autor garantir que ele seja exclusivo.
    • A alteração do ID pode afetar o rastreamento de CSS, JS e da Camada de Dados.

Guia Acessibilidade

Guia Acessibilidade da caixa de diálogo de edição do componente de Botão

Na guia Acessibilidade, os valores podem ser definidos para 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 de design

Guia Estilos

O componente de Botão é compatível com o Sistema de Estilos do AEM.