アイコンボタン
Icon Button
ライブデモ
説明
一言で説明
テキストなしでアイコンのみで構成されたボタン。ツールバーやアクションバーでよく使われる。
いつ使う？
「いいね」「共有」「削除」など、アイコンだけで意味が伝わるアクションに。省スペースにも。
💡 日常の言い方
「アイコンだけのボタン。ハートマークとか共有マークのやつ」
似ている用語との違い
アイコンボタン vs FAB
FABは画面上に浮いて固定される特別なアイコンボタン。アイコンボタンは通常のフロー内に配置される。
AIへの指示例
ツールバーにアイコンボタンを5つ並べて。「太字」「斜体」「下線」「リスト」「リンク」。ホバーで背景色が変わるようにして。