Componente de Botão (v1) button-component
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 usage
O componente de Botão, dos Componentes principais, 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 de configuração.
- Os estilos do componente de Botão podem ser definidos na caixa de diálogo de design.
Versão e compatibilidade version-and-compatibility
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.
Exemplo de saída do componente sample-component-output
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 technical-details
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 configure-dialog
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 properties-tab
-
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 accessibility-tab
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 design-dialog
Guia Estilos styles-tab
O componente de Botão é compatível com o Sistema de Estilos do AEM.
Camada de dados de clientes Adobe data-layer
O componente de Botão é compatível com a Camada de dados de clientes Adobe.