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.

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

• 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

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.