Surfaces
@rahhal/ui/kanban

Kanban board

Column-based task board layout primitive. Provides the board frame, columns (with title / count / accent dot / action), and cards (with title / description / leading / trailing / meta slots). Layout only — apps wire drag-and-drop with their own DnD library (e.g. `@dnd-kit/core`). On small screens columns stack and snap-scroll horizontally so swipes feel native.

Examples

Standard board (4 columns, mixed status)

To do

3

Verify Mada Cafe hours

Owner switched to summer schedule — confirm 8am open via phone.

MS
Verify
TodayRiyadh

Translate AlUla guide to Arabic

23 POIs need AR descriptions before launch.

RA
Localization
May 54

Photograph Diplomatic Quarter route

FK
May 8DQ

In progress

2

Wire up phone OTP for /admin

Reusing @rahhal/auth — need to confirm placeholder env guard.

ND
Auth
Tomorrow21

Polygon overlay for Riyadh boundaries

Loading the GeoJSON from the new /regions endpoint.

MS
Map
Riyadh7

In review

1

Saved Places card spacing on iPad

Designer flagged 8pt gap; iOS uses 12pt — align with web.

RA
Design QA
32

Done

3

Apple-aligned button capsules

MS
Shipped
Apr 30

Floating glassy navbar pill

MS
Shipped
Apr 30

System-blue primary token

MS
Shipped
Apr 30