CODEWITHSUNDEEP
angularangular-material
Beta Developer
Beta Developer

Reputation: 13

Icon disappear after md-fab-toolbar collapse in angular material

Icon disappear after md-fab-toolbar collapse in angular material

<md-fab-trigger class="align-with-text">
                    <md-button aria-label="menu" class="md-fab md-mini md-primary">
                        <i class="ion-plus"></i>
                    </md-button>
</md-fab-trigger>

Upvotes: 1

Views: 258

Answers (1)

Jeeva Arulanandam
Jeeva Arulanandam

Reputation: 141

The reason why it disappears is because AngularJS Material add a style to the button's icon which requires the <md-icon> element inside.

Updated code:

<md-fab-trigger class="align-with-text">
    <md-button aria-label="menu" class="md-fab md-mini md-primary">
        <md-icon style="display: unset">
            <i class="ion-plus"></i>
        </md-icon>
    </md-button>
</md-fab-trigger>`

Upvotes: 1

Related Questions