Skip to main content

Buttons

O componente Button é responsável por criar botões e gerenciar o status deles.

img

Atributos da tag

AtributoInput/OutputTipoObrigatórioValores padrões
id@InputStringSim-
size@InputStringNão-
theme 1@InputStringSim-
color@InputStringSimaquamarine
style@InputStringSimfill
wave@InputBooleanSim-
title@InputStringSim-
disabled@InputBooleanSimfalse
type@InputStringSimbutton
tabindex@InputNumberSim0
flating@InputStringSim-
action@OutputfunctionSim-
Size

O atributo size aceita os valores large, medium, small e o tamanho padrão é medium.

Color

O atributo color aceita as cores: aquamarine, red, gray, green, purple e a cor padrão é aquamarine.

Style

O atributo Style aceita os valores: fill, border e icon e o valor padrão é fill. Use o valor fill quando quiser que a cor selecionada preencha o background do botão. Use o valor broder quando quiser que a cor selecionada preencha apenas a borda do botão, assim o background será branco. E use o valor icon quando quiser o botão preenchido porém, com um botão alinhado a esquerda.

Como usar

<ugl-button
[id]="'test'"
[size]="'medium'"
[color]="'aquamarine'"
[style]="'fill'"
[wave]="true"
[title]="'Title button'"
[disabled]="false"
[type]="'button'"
[tabindex]="1"
[floating]="false"
(action)="clickButton()">Fill Button</ugl-button>

  1. Necessário análise se de fato é necessário.