A UI component for making important information stand out. There are two types.
Notification Banner
A notification banner is a UI that effectively presents content to the user, regardless of user interaction.
Design Styles
Two design styles are available for notification banners. By adding banner-chip, you can change the design style to color chip.
Standard
Registration period has been extended
Dummy text is a placeholder text used when creating designs.
Color Chip
Registration period has been extended
Dummy text is a placeholder text used when creating designs.
Design Types
Success
Notification of successful completion of an operation, etc.
Registration process has been completed
Dummy text is a placeholder text used when creating designs.
Error
Notification that an operation, etc. did not complete correctly.
Operation could not be completed
Dummy text is a placeholder text used when creating designs.
Warning
Notification of warnings or alerts to call attention.
Beware of fake social media accounts
Dummy text is a placeholder text used when creating designs.
Info
Registration period has been extended
Dummy text is a placeholder text used when creating designs.
Emergency Banner
A design for displaying information that should be communicated to the user with the highest priority.
[Emergency] Evacuation preparation information issued for District XX
Evacuation preparation information was issued for District XX at 1:23. Those who take time to evacuate, such as the elderly, should move to designated shelters immediately.