Contextual feedback messages for user actions with multiple variants and customizable content for government applications.
Standard alert variants for different types of messages and user feedback.
This is a general information message.
Your action was completed successfully.
Please review the information before proceeding.
Something went wrong. Please try again.
Real-world examples of alerts used in government services with bilingual content.
The passport application system will be under maintenance on Sunday, 2:00 AM - 6:00 AM.
পাসপোর্ট আবেদন সিস্টেম রবিবার ভোর ২টা থেকে ৬টা পর্যন্ত রক্ষণাবেক্ষণের কাজে বন্ধ থাকবে।
Your birth certificate application (ID: BC-2024-001234) has been approved. You can collect it from the registrar office within 30 days.
Please submit the following documents to complete your application:
Your payment could not be processed. Please check your payment details and try again.
Alerts that can be dismissed by users, commonly used for notifications and temporary messages.
Updated guidelines for passport applications are now available.
Your session will expire in 5 minutes. Please save your work.
Service maintenance, policy updates, system announcements
Application submissions, payments processed, documents approved
Form errors, missing documents, deadline reminders
Login attempts, password changes, account security notifications
Detailed specifications and characteristics of the Alert component for implementation guidance.
| Specification | Details | Purpose & Usage |
|---|---|---|
| Component Type | Notification Element | Displays important messages, warnings, and status information to users |
| Complexity Level | Medium | Moderate complexity with state management and dismissal functionality |
| Alert Types | Info, Success, Warning, Error, Announcement | Different alert variants to communicate various message types and urgency levels |
| Behavior Options | Dismissible, Auto-dismiss, Persistent, Action buttons | Flexible interaction patterns for different notification scenarios |
| Visual Elements | Icons, Color coding, Typography hierarchy, Action buttons | Clear visual indicators to help users quickly understand message importance |
| Accessibility Features | ARIA roles, Screen reader announcements, Keyboard navigation, Focus management | Ensures important messages reach all citizens including those with disabilities |
| Language Support | English, Bengali (বাংলা) | Bilingual message content and action buttons for government applications |
| Design System | Color tokens, Typography scale, Icon system, Animation timing | Consistent with CivixUI design principles and government branding |
| Positioning Options | Inline, Toast notifications, Banner, Modal overlay | Flexible positioning to suit different interface contexts and urgency |
| Use Cases | Form validation, System notifications, Status updates, Emergency announcements | Essential for communicating important information in government service applications |