# Filtered to nothing

Filtered to nothing: a free component, built on your design tokens, to use when filters, not a lack of data, leave a list or table empty. What a list shows when its filters hide every item: which filters are on, how many items they hide, and one button to clear them.

Prompt: Add the OpenDesigner component empty-filtered to this project: https://opendesigner.dev/library/empty-filtered.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: filtered empty, filter removed, filters cleared, hover, focus.

Accessibility: Each filter chip has a remove button named after the filter; focus moves to the next chip when one is removed, and a polite status says what changed.

File: https://opendesigner.dev/library/empty-filtered.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/empty-filtered.json

Download: `curl -fsSLo empty-filtered.html https://opendesigner.dev/library/empty-filtered.html`