Developer portal · developer-portal §6.2

URL filter bar

The design-system filter bar bound to URL query parameters.

Theme
Contrast
Language
Motion
Text size

Code

<DevFilterBar defaults={{ status: "all", rid: "" }} filters={filters} search={{ id: "rid", placeholder }} t={t} />

Accessibility

  • Every filter is a labelled select; Clear all is a button.

Usage

Do

  • Keep filters in the query string so links are shareable.

Don't

  • Never put a secret, a token or patient data in a filter.

Platforms

Web
iOS
Web only (no native developer portal)
Android
Web only (no native developer portal)