Skip to main content
Home Projects
  • Open Source
  • Blog
Design Resume Files
Getting started IntroductionInstallation
Foundations ColorTypographySpacing & shapeMotion
Components Overview Primitives ButtonBadgeBadgeGroupControlGroupLinkExternalButtonExternalLinkNamedValueScrollAreaCodeBlockInlineCodePropsTableColorScalesAccordionCollapsibleDialogTooltipForms InputInputGroupTextareaSelectLabeledFieldLabeledFieldGridDateLabeledFieldChrome BreadcrumbPageActionsPageShareScrollControlsSectionBackLinkSectionErrorFallbackSidebarWidgets AnimatedCharFlipSpotifyIconSpotifyNowPlayingCurrentTimeDynamicIslandBrowserMockMobileMockFilters FilterPanelFilterChipGroupFilterSortRowFilterEmptyState
Brand Brand & press
  1. Components
  2. Filters

Filters

Composable filter UI: one panel, one dimension per chip group, sort with reset, and empty states.

FilterPanel Pre-styled collapsible shell for index filters: icon, summary, and chevron trigger with staggered panel content.FilterChipGroup One filter dimension as toggle chips with live result counts; zero-result options disable.FilterSortRow Sort select paired with a ghost reset button for filter panels.FilterEmptyState Empty and filtered-empty states with an optional reset action.
Previous: MobileMock Phone mock for portrait screenshots, with a status bar and an optional theme picker below the device. Next: FilterPanel Pre-styled collapsible shell for index filters: icon, summary, and chevron trigger with staggered panel content.

Milan de Kruijf

Chamber of Commerce no. 89191129

Branch no. 000054997488

LinkedIn X Email GitHub Discord Spotify
Privacy RSS Sitemap
0
6
:
0
4
:
3
3
 
PM
Amsterdam, NH Sunny, 18°C
Nothing playing right now