インタラクション

入力操作に対して、操作の目的に適した振る舞いをします。

ヒットエリア

テキストボタン等の右側アイコンが付加される場合、テキストからアイコンまでの空間もヒットエリアとします。

ヒットエリアのイメージ

フィードバック

ホバー

押下可能な要素はカーソルが乗った際ボタンの表現を変化させます。

セレクト

選択中の要素を強調表示します。現在位置を示す機能があります。

クリック・タップ

PC等でクリックをした際はホバー時と同様のフィードバックを表示します。
スマートフォンでタップした際、ボタンはホバー時と同様のフィードバックを表示し、リストは背景色を表示します。

クリック、タップした時のフィードバック表示例

ドラッグ・ドロップ

コンテンツの並び順を入れ替える、またはファイルパスを追加する場合に使用します。

コンテンツ並び順入れ替え時の表示例
ファイルパス追加時の表示例