Components · Loading and notifications

ToastToast

A short notification about the result of an action

npx shadcn@latest add @umbra/toast

Toaster (place once at the root) and toast from Sonner. Sonner’s own look is turned off (unstyled); Umbra glass is used instead. Appears out of a blur at the bottom center

When to use

  • “Saved”, “Link copied”, “Couldn’t save. Check your connection”

When not to use

  • The person needs to act and the status persists: NoticeCard
  • Input error: Field with error

Recording settings

Apply to new meetings

Only you can see it

Don’t

  • A red error sign: red means recording and deletion
  • A toast lasting longer than a few seconds with an important action inside