Você está vendo a versão antiga da página. Ver a versão atual.
Comparar com o atual Ver Histórico da Página
Versão 1 Próxima »
Permite executar eventos ou abrir outras telas, utilize suas propriedades para personalizar e alterar seu estilo.
Figura 1 - Exemplo do componente rodando no browser
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
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
Formulário web
Equivalente web / mobile
Botão (mobile)
Botão do Componente
Imagem no Editor Visual