Feedback

Alerts, dialogs, and user feedback components with Surfer design system styling

Alert
Display important messages and notifications
Dialog
Modal dialog for user interaction
Alert Dialog
Confirm destructive actions with the user
Drawer
Slide-out panel for mobile-optimized interactions
Tooltip
Show contextual information on hover
Hover Card
Rich hover preview with detailed information
Popover
Floating content panel triggered by click
Sonner (Toast)
Toast notifications for user feedback
Pill Status Badges
New pill-shaped status badges for feedback states

Feedback Status

SuccessWarningErrorInfo

Notification Badges

3 New Messages5 Pending TasksAll Done

User Status

OnlineAwayBusyOffline

Interactive Badges

Feedback TagResolvedIn Progress