Notifications, Alerts & Messages
Comprehensive notification and messaging system with visual previews for all components including notifications, alerts, toasts, and feedback messages.
import { ... } from "@/components/blocks/notifications"NotificationSimple
ProImport NotificationSimple from @/components/blocks/notifications
NotificationDetailed
ProImport NotificationDetailed from @/components/blocks/notifications
NotificationSuccess
ProImport NotificationSuccess from @/components/blocks/notifications
NotificationError
ProImport NotificationError from @/components/blocks/notifications
NotificationWarning
ProImport NotificationWarning from @/components/blocks/notifications
NotificationInfo
ProImport NotificationInfo from @/components/blocks/notifications
NotificationWithAction
ProImport NotificationWithAction from @/components/blocks/notifications
NotificationWithDismiss
ProImport NotificationWithDismiss from @/components/blocks/notifications
NotificationWithIcon
ProImport NotificationWithIcon from @/components/blocks/notifications
NotificationWithAvatar
ProImport NotificationWithAvatar from @/components/blocks/notifications
NotificationStacked
ProImport NotificationStacked from @/components/blocks/notifications
NotificationGrouped
ProImport NotificationGrouped from @/components/blocks/notifications
NotificationBadge
ProImport NotificationBadge from @/components/blocks/notifications
NotificationCount
ProImport NotificationCount from @/components/blocks/notifications
NotificationDot
ProImport NotificationDot from @/components/blocks/notifications
NotificationIndicator
ProImport NotificationIndicator from @/components/blocks/notifications
NotificationList
FreeImport NotificationList from @/components/blocks/notifications
NotificationFeed
ProImport NotificationFeed from @/components/blocks/notifications
NotificationCenter
ProImport NotificationCenter from @/components/blocks/notifications
NotificationPanel
ProImport NotificationPanel from @/components/blocks/notifications
NotificationDropdown
FreeImport NotificationDropdown from @/components/blocks/notifications
NotificationMenu
ProImport NotificationMenu from @/components/blocks/notifications
AlertSimple
ProImport AlertSimple from @/components/blocks/notifications
AlertDetailed
ProImport AlertDetailed from @/components/blocks/notifications
AlertSuccess
ProImport AlertSuccess from @/components/blocks/notifications
AlertError
ProImport AlertError from @/components/blocks/notifications
AlertWarning
ProImport AlertWarning from @/components/blocks/notifications
AlertInfo
ProImport AlertInfo from @/components/blocks/notifications
AlertWithIcon
ProImport AlertWithIcon from @/components/blocks/notifications
AlertWithAction
ProImport AlertWithAction from @/components/blocks/notifications
AlertWithDismiss
ProImport AlertWithDismiss from @/components/blocks/notifications
AlertWithClose
ProImport AlertWithClose from @/components/blocks/notifications
AlertBanner
ProImport AlertBanner from @/components/blocks/notifications
AlertBar
ProImport AlertBar from @/components/blocks/notifications
AlertInline
ProImport AlertInline from @/components/blocks/notifications
AlertBlock
ProImport AlertBlock from @/components/blocks/notifications
AlertCard
ProImport AlertCard from @/components/blocks/notifications
AlertBox
ProImport AlertBox from @/components/blocks/notifications
AlertAnimated
ProImport AlertAnimated from @/components/blocks/notifications
AlertSticky
ProImport AlertSticky from @/components/blocks/notifications
AlertFloating
ProImport AlertFloating from @/components/blocks/notifications
AlertFixed
ProImport AlertFixed from @/components/blocks/notifications
SystemMessage
ProImport SystemMessage from @/components/blocks/notifications
SystemAlert
ProImport SystemAlert from @/components/blocks/notifications
StatusMessage
ProImport StatusMessage from @/components/blocks/notifications
StatusBanner
ProImport StatusBanner from @/components/blocks/notifications
FlashMessage
ProImport FlashMessage from @/components/blocks/notifications
TemporaryMessage
ProImport TemporaryMessage from @/components/blocks/notifications
InlineMessage
ProImport InlineMessage from @/components/blocks/notifications
BlockMessage
ProImport BlockMessage from @/components/blocks/notifications
HelpMessage
ProImport HelpMessage from @/components/blocks/notifications
HintMessage
ProImport HintMessage from @/components/blocks/notifications
ErrorMessage
ProImport ErrorMessage from @/components/blocks/notifications
SuccessMessage
ProImport SuccessMessage from @/components/blocks/notifications
ValidationMessage
ProImport ValidationMessage from @/components/blocks/notifications
FieldError
ProImport FieldError from @/components/blocks/notifications
EmptyMessage
ProImport EmptyMessage from @/components/blocks/notifications
PlaceholderMessage
ProImport PlaceholderMessage from @/components/blocks/notifications
ConfirmationMessage
ProImport ConfirmationMessage from @/components/blocks/notifications
AcknowledgeMessage
ProImport AcknowledgeMessage from @/components/blocks/notifications
All 60 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/notifications