Skip to content

Brand Components

Component directory

Search components…

Foundations

Colour Type Spacing and sizes Radius Shadow and borders Motion Icons Focus

Components

Buttons Badges Inputs and text areas Search field Select Switch, checkbox, radio Segmented control and tabs Filter chips Avatars Progress, skeletons and spinners Notices Empty states Cards List rows Page and section headers Key–value Breadcrumbs and back Table Key hints and the wordmark

Overlays

Menus and submenus Context menu Popover, tooltip and an open select Dialog and confirm Drawers Toasts and loading → done

WAPER / UI

Filter chips

Compact filter chips with clear selected states, in horizontally scrollable rows.

Preview

Light

Loading preview…

Dark

Loading preview…

Character, with consistency.

Explore Waper ↗

Default

Hover (mock)

Selected

Keyboard focus (mock)

Disabled

With an icon

A filter row (pick one)

Selected chips use the solid ink fill, not the signal colour.

Default

Hover (mock)

Selected

Keyboard focus (mock)

Disabled

With an icon

A filter row (pick one)

Selected chips use the solid ink fill, not the signal colour.