状態とフィードバック / 何もない理由
Empty
検索結果なし、絞り込み不一致、特定できなかった情報を区別します。
基本的な使い方
HTML
<div class="empty">
<p class="empty-title">該当するSQL文はありません。</p>
<p class="empty-note">絞り込みを解除するか、別のキーワードで検索してください。</p>
<a class="btn" href="../">コンポーネントに戻る</a>
</div>クラスと属性
| クラス / 属性 | 用途 |
|---|---|
.empty | 結果がない領域。 |
.empty-title / .empty-note | 何がなく、なぜなく、次に何ができるか。 |
使い方の注意
ゼロと不明は違います。不明な結果を0件と表示しないでください。
作例はシステムの配色設定に従います。ヘッダーの◐で自動・ライト・ダークを試せます。