Components · Loading and notifications
Notice cardNoticeCard
A notice by the dock: what happened and one action
npx shadcn@latest add @umbra/notice-cardA notification over the content next to the dock. The glass is dense (.glass-dense, 0.97), so text reads on any background. On the left, a mark in a 44 circle: info is neutral on --nested, warning is on saturated Giants (the mark only, no text on it). Indigo isn’t for info: it’s only for what the AI does
When to use
- A status that needs action: “No microphone access” and “Open settings”
- A quality warning: “Speech not recognized”
- With a hint illustration: show where to click
When not to use
- A short confirmation (“Saved”):
Toast - A permanent screen block:
Tile - An uncertain status shown as success: “We’ll check on the first recording”, not “Access granted”
Meetings
7 recordings this week
Team standupTue, 10:00 · 32 min
Designer interviewMon, 16:30 · 48 min
Call with contractorFri, 12:00 · 21 min
Mockup reviewThu, 11:00 · 54 min
Sprint retroWed, 17:00 · 40 min
Meeting with lawyerWed, 12:30 · 25 min
Metrics reviewTue, 15:00 · 36 min
No microphone access
Allow access in system settings
Do
- One card at a time; the title says what happened, the description says what to do
Don’t
- Two main actions
- A red mark: red means recording and deletion