Core controls
Tapp controls built on our shared mobile foundation. Switch themes, try the states, and follow a request through to approval.
Primary action
Control surface
Selected surface
Secondary surface
Actions
One primary action. Quiet supporting controls.
Ready to review.
Fields
Secondary surfaces, clear labels, and a visible error boundary.
Selection
White marks selected tabs. Tapp lime marks primary actions, sliders, and switches. Focus remains high contrast.
Dropdown states
Clear selection, unavailable options, and validation feedback.
Dates and ranges
Compact calendars, neutral selections, and clear field focus.
Progress and loading
Tapp lime sliders and neutral progress with readable values.
Control sizes
Four web sizes, with compact controls reserved for toolbars.
40 px
48 px
56 px
64 px
Typography
Geist Variable, with shared roles across platforms.
Ready for the next shift
Your team, in sync
Review the details before your agent takes action.
Draft saved · Just now
From request to review
Try the shared controls in an agent workflow.
Shift assistant
Draft only · approval required
Prepare a handoff for the evening team.
Read the shift notes, organize the open tasks, and prepare a summary for your review.
Interactive example. Requests and approvals stay in this preview.