Button that is either clear or outlined


#1

Hello,

I’m using some buttons in my app and a boolean value defines if those are outlined or clear

I tried the following thing in order to make it work:

<button ion-button block outline [clear]="!myBool" [outline]="myBool">
    <div class="button-content">
        <label>Some Label</label>
    </div>
</button>

This works great for the buttons that need to be clear but if a button is supposed to be outlined it will simply display as a basic one.

Has anyone an idea on how I could manage to do this?