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

Search field

A 32-high pill (36 large); the clear button appears once there’s text.

Preview

Light

Default

With text

Focus (mock)

Large · 36

Disabled

Dark

Loading preview…

Character, with consistency.

Explore Waper ↗

Default

With text

Focus (mock)

Large · 36

Disabled