§09-20Forms

フィルタチップ

適用中の絞り込み条件をチップで並べて示す。

何で絞っているかが一覧の上で常に見え、条件を個別に外せる。条件が複数重なる検索結果や一覧で、絞り込みの迷子を防ぐ。

実装のポイント

適用中のフィルタは URL のクエリと同期させ、共有や戻る操作で復元できるようにする。チップには aria-pressed を付け、「すべてクリア」も用意する。