-
-
- NEW
- Custom Pages
-
-
-
-
- Layouts
-
-
- Components
-
-
-
-
-
-
- Menu Items
-
Notifications
Critical alert: Server crash detected
30 minutes ago
30 minutes ago
High memory usage on Node A
10 minutes ago
10 minutes ago
Liam Carter uploaded a new document to Project Phoenix
5 minutes ago
Ava Mitchell commented on Marketing Campaign Q3
12 minutes ago
Noah Blake updated the status of Client Onboarding
30 minutes ago
30 minutes ago
New comment on Task #142
15 minutes ago
15 minutes ago
Low battery on Device X
45 minutes ago
45 minutes ago
Alerts
Built for Speed. Designed for Control.
This is a primary alert—something important you should know!
This is a secondary alert—some additional context.
Success! Your operation was completed successfully.
Error! Something went wrong—please try again.
Warning! Please double-check your inputs.
Info: Here's something you might find useful.
Light alert—just a subtle notification.
Dark alert—use for general-purpose messages.
Heads up! This is a primary alert with important information.
Notice: This is a secondary alert with supporting details.
Success! Your action was completed successfully.
Error! Something went wrong—please try again later.
Warning! Please review your input before proceeding.
Info: Here’s something you might find helpful.
Note: This is a light alert with a subtle message.
Notice: This dark alert is great for general messages.
Need more info? Check out this primary link for important details.
Here's a secondary message with a helpful link for additional context.
Operation successful! View the results by clicking here.
Something went wrong. Learn more through this alert link.
Heads up! You might want to check this warning link.
Here’s some information that may help—click this link to read more.
Just a light reminder with a gentle link to explore.
This is a general dark alert. Find out more by clicking here.
Great job!
You’ve successfully read this important alert message. The text is intentionally a bit longer to demonstrate how spacing behaves in this kind of layout.
Use margin utilities to keep your content clean and organized.
Heads up!
This alert message gives additional information with a longer message to show content spacing within an alert.
Apply spacing classes wisely to maintain structure and clarity.
A primary alert with a full border!
A secondary alert with a left border only!
A dark alert with a bottom border!
A danger alert with a thick border!
A warning alert with a custom close button!
An info alert with a custom icon!
Notice!
You’ve just read through a primary alert message. The extra length helps show how well the layout handles content spacing.