Nebular: How can I change the flip-card- icon?

[juliankrupka]

Issue type

I'm submitting a ... (check one with "x")

• [ ] bug report
• [x ] feature request

Issue description

Im using a nb-flip-card and I want to change the arrow icon for another one.

Even more, I would like to change it into a button.

it is possible? I didnt find any further information to do it (Or I couldnt find it)

Thanks

Angular, Nebular
Angular 6
Ngx-admin 2.3.0

[Recodify]

You can do this by hiding the default icon and then adding your own. Here is an example

ts:
toggleView() { this.flipped = !this.flipped; }

scss:
.nb-shuffle { cursor: pointer; }

html:

<nb-flip-card [showToggleButton]="false" [flipped]="flipped"> <nb-card-front> <nb-card size="large"> <!-- front content--> <i class="nb-shuffle" (click)="toggleView()"></i> </nb-card> </nb-card-front> <nb-card-back> <nb-card size="large"> <!-- back content --> <i class="nb-shuffle" (click)="toggleView()"></i> </nb-card>> </nb-card-back> </nb-flip-card>