Applied screens
Component and recovery states
Real native state branches, held with deterministic local responses.
On this page
Composition notes
- Pending, confirmed, and blocked states have different meanings.
- Recovery keeps the user’s local input visible.
- A filled review form is a demonstration, not an actual submitted review.
Capture context
These are selected UI portions with surrounding breathing room, not full-height page exports. Desktop and phone examples preserve their native responsive layout. App examples include both themes; marketing has one light theme. All dynamic records and provider responses are isolated fixtures.
Source references
| File | Responsibility |
|---|---|
| src/components/SaveButton.tsx | Save states |
| src/components/EmailCodeAuth.tsx | Auth states |
| src/app/make-class/[classId]/video-lessons/page.tsx | Recovery |
Interface examples
Native TeachKit interfaces with fictional course, account, and learner records. Service responses and media are isolated demonstrations; no customer data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-22 · Revision 903bbf05ca9d · Documentation v2.0.0