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

Breadcrumbs and back

Breadcrumbs for nested places; a back link when there's one way back.

Preview

Light

Breadcrumb

Knowledge base
Research
Solid-state batteries

Back link

Dark

Breadcrumb

Knowledge base
Research
Solid-state batteries

Back link

Character, with consistency.

Explore Waper ↗