Função

Permite executar eventos ou abrir outras telas, utilize suas propriedades para personalizar e alterar seu estilo.

Figura 1 - Exemplo do componente rodando no browser

Principais propriedades

Na tabela abaixo estão descritas as principais propriedades do componente.

Nome	Propriedade	Função
Ícone	class	Abre a janela de seleção de ícone.
Conteúdo	content	Define o rótulo.
Tema	xattr-theme	Escolhe um tema bootstrap (cor) para o botão.
Largura	xattr-fullsize	Define a largura do ícone, podendo ser inline ou block.
Desabilitado	xattr-disabled	Define se o botão será desabilitado (true) ou não (false).
Identificador	id	ID do componente.
Exibir	ng-show	Propriedade AngularJS usada para mostrar ou oculta o componente.
Classes CSS	class	Adiciona classes CSS que já foram criadas.

A propriedade tema permite personalizar e padronizar cada componentes em um total de 8 cores distintas. Veja abaixo a lista disponível.

O tema default varia conforme o tema do projeto.

Figura 2.1 - Temas disponíveis

Essa propriedade permite especificar a largura do botão, a opção padrão é a Block e existem duas opções:

Block: ocupa a largura total da linha em que o componente está;
Inline: ocupa parte da largura da linha em que o componente está, seu redimensionamento pode ser definido na aba “Responsividade”.

Figura 2.2 - Diferença entre as opções de largura

Nome em inglês

Button

Nessa página

Compatibilidade

Equivalente mobile

Botão (mobile)

Botão do Componente

Imagem no Editor Visual