アイコンとテキストを組み合わせたフローティング アクション ボタンを作成する

  • 公開日:
  • 最終更新日:

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>
ignite_ui_angular_10.1_ igxButtonダウンロード
Tagged:

製品について

Ignite UI for Angular

50種類以上のマテリアルデザイン準拠、軽量、高機能、Angular対応コンポーネント
» 製品ページはこちら