目的
マテリアルデザインの「バッヂ」について、調べた結果をまとめる。
バッヂとは
状態を表すUIデザイン部分のこと。 iPhone等のスマートフォンでいうところの新着メールn件のnの部分。
バッヂまとめ
基本 | Inbox | |
基本(白丸) | Inbox | |
基本(オーバラップ) | Inbox | ※iconでない場合、spanタグでないとオーバラップしないよ |
アイコン利用 | ||
アイコン利用(オーバラップ) | ※material-icons利用時はdivタグ内がaccount_boxでないとダメ! | |
リンクバッヂ | Inbox | |
リンクバッヂ(バッヂはリンクなし) | Inbox | ※「3」の部分はリンクになっていないよ。 |
データ多すぎ | Inbox | ※「456」と見える部分は実は「123456789」だよ。 |