Components
Product feedback popover
A short, contextual way to report a product issue or idea.
On this page
Purpose and composition
FeedbackForm appears in the workspace header popover and phone navigation.
Anatomy
- Topic select
- Feedback textarea
- Mood controls
- Submit action
- Inline failure or success response
Configuration and variants
| Input or variant | Contract |
|---|---|
| onSubmitted | Called after the success display so the parent can close the surface. |
| Validation | Topic and feedback are required. |
| Mutation | POST /api/feedback; capture responses remain local. |
States and feedback
Submission has a pending state, an alert on failure, and a brief success state before closing.
Interaction and responsive behavior
The complete open example includes its header trigger and attached panel. On phones feedback sits in a disclosure inside navigation.
Accessibility and known limits
The failure uses role=alert. Mood icon controls lack descriptive accessible labels in the source and should be corrected before claiming complete keyboard/screen-reader support.
Source references
| File | Responsibility |
|---|---|
| src/components/FeedbackForm.tsx | Feedback form |
| src/components/MainNav.tsx | Popover composition |
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