Angular Material - como customizar snack-bar?

0 respostas
angular2
jvccarvalho

Olá pessoal, estou com um problema de customização da snack-bar do Angular Material. Na documentação, quando ativada a snack-bar o botão de ação aparece em vermelho, conforme foto abaixo:

Na API, dentro de Aditional Classes (já importei MatSnackBarConfig) existe um comando chamado panelClass, mas nada acontece quando aplicado. Como contornar esse problema?

Implementei no meu arquivo.ts:
openSnackBar(message: string, action: string) {
_ this.snackBar.open(message, action, {_
_ panelClass: ‘colorGreen’_
_ })
;_
_ }_

em meu CSS.

<em>.colorGreen {</em>

_    color: green;_

<em>}</em>

documentação do Material: https://material.angular.io/components/snack-bar/overview

Obrigado.

Criado 23 de maio de 2018
Respostas 0
Participantes 1