Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
Permite executar eventos ou abrir outras telas, utilize suas propriedades para personalizar e alterar seu estilo.
![](/download/attachments/172736552/componenteBrowser.png?version=1&modificationDate=1569855259000&api=v2)
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. |
xattr-theme | Escolhe um tema bootstrap (cor) para o botão. | |
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. |
Tema
A propriedade tema permite personalizar e padronizar cada componentes em um total de 8 cores distintas. Veja abaixo a lista disponível.
Informações |
---|
O tema default varia conforme o tema do projeto. |
Image Removed
Image Added
Figura 2.1 - Temas disponíveis
Largura
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”.
![](/download/attachments/172736552/larguraBotao.png?version=1&modificationDate=1569855259000&api=v2)
Figura 2.2 - Diferença entre as opções de largura
Nome em inglês
Button
Nessa página
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário web
Equivalente web / mobile
Botão do Componente
Imagem no Editor Visual