Components
Add menu
The Add New trigger groups link and board creation without crowding the dashboard.
On this page
Purpose and placement
The Add New trigger groups link and board creation without crowding the dashboard.
Anatomy
- Named trigger with chevron
- Right-aligned menu surface
- Link and Board actions
Contract
| Input or boundary | Behavior |
|---|---|
| isMenuOpen | Controlled local boolean |
| Action | Reset relevant form and open one editor |
| Dismissal | Outside pointer event or toggle trigger |
States and feedback
- Closed trigger
- Open two-action menu
- Selected action transitions to editor
Interaction and composition
Keep the menu attached to its header trigger. A component crop includes both button and open panel, including shadows. Do not crop the dropdown as an isolated floating surface.
Responsive behavior
The header remains fixed at the right gutter. The menu aligns right and has a fixed 160px width.
Accessibility contract
The trigger exposes aria-haspopup and aria-expanded. Items are native buttons. The source lacks menu roles, roving focus and arrow-key navigation.
Known implementation gaps
Do not advertise a complete keyboard menu contract. Escape handling and focus return need explicit work.
Source references
| Repository file | Responsibility |
|---|---|
| app/(home)/AppHome.tsx | Header menu, outside-click listeners and form reset |
Examples from the app
Actual Startboard source UI with isolated fictional records; both native themes at 2× resolution or higher. No live integrations or account writes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-08 · Revision 08fa2595a668 · Documentation v1.0.0