Alert
Alert component for displaying important messages to users. Supports multiple variants and style overrides.
交互触发
按钮触发 Alert
Click button to show/hide Alert
可关闭的 Alert
Alert with close button that can be manually dismissed by users
New Feature Released
We've added dark mode. Go to settings to try it out!
Storage Running Low
Your storage is almost full. Please clean up or upgrade your plan.
变体展示
Default
Default Alert
This is the default style Alert component.
Destructive
Error
Operation failed, please try again.
Warning
Warning
Please pay attention to this important information.
Success
Success
Operation completed successfully.
Info
Information
This is an informational notification.
Accent
Accent Alert
Signal orange accent style.
侧边强调条
Alert variant with left accent bar, suitable for status emphasis scenarios
Connection Failed
Unable to connect to server. Please check your network connection and try again. Error: ERR_CONNECTION_REFUSED
License Expiring Soon
Your Pro license will expire in 7 days. Renew now
Deployment Successful
Your application has been successfully deployed to production. View details →
System Maintenance Notice
Scheduled maintenance on Saturday 02:00-06:00. Services may be briefly interrupted.
样式覆盖
深色主题覆盖
Security Mode Enabled
Your account is now protected with two-factor authentication.
Pro Features
Upgrade to Pro to unlock more advanced features.
彩色阴影覆盖
Orange Accent Shadow
Using shadow-sketch-accent utility class
Green Success Shadow
Using shadow-sketch-success utility class
Yellow Warning Shadow
Using shadow-sketch-warning utility class
Blue Info Shadow
Using shadow-sketch-info utility class
带操作按钮
New Version Available
Version 2.0.0 has been released with many new features and performance improvements.
Security Warning
Your password hasn't been changed in over 90 days. We recommend updating it now.
实际案例
表单验证反馈
Submission Failed
- Email format is incorrect
- Password must be at least 8 characters
- Please agree to the terms of service
支付成功通知
Payment Successful!
Order #: ZM20241220001
Amount: $299.00
Confirmation email has been sent to your inbox
Cookie 提示
Cookie Notice
We use cookies to enhance your browsing experience. By continuing to use this site, you agree to our cookie policy.