Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。

ボタン要素の igxButton ディレクティブを “fab” と指定するとフローティング アクション ボタンを作成することができます。

<button igxButton="fab">
  <igx-icon fontSet="material">edit</igx-icon>
</button>

また、以下のように igx-icon の前に任意のテキストをすることでアイコンとテキストを組み合わせたフローティング アクション ボタンとなります。

<button class="btn" igxButton="fab">
    <span>like</span>
    <igx-icon fontSet="material">favorite</igx-icon>
</button>
Tagged:

製品について

Ignite UI for Angular