Skip to main content

Banner

O componente Button é responsável por criar uma região no topo da tela com título, texto e botão de fechar. Usado muitas vezes para dar avisos importantes ao usuário como Cookies ou qual navegador usar.

img

Atributos da tag

AtributoInput/OutputTipoObrigatórioValores padrões
title@InputStringSim-
message@InputStringSim-
color@InputStringNãoaquamarine
closeButtonTitle@InputStringNãoClose
open@InputStringNãotrue
close@OutputfunctionNão-
Color

O atributo color aceita as cores: aquamarine, red, gray, green, purple e a cor padrão é aquamarine, esta cor será aplicada no background do banner.

Close

O atributo close recebe uma função que será executada quando o botão Close for pressionado. Por padrão, sempre que o botão é pressionado o banner será fechado.

Como usar

<ugl-banner
[title]="'The banner title'"
[message]="'Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, quis.'"></ugl-banner>


<ugl-banner
[title]="'The banner title'"
[message]="'Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, quis.'"
[color]="'yellow'"
colose="closeClick()"></ugl-banner>