Alerts
Showcasing MICL alerts
Error colors
error
An error has occurred
Keyboard not responding. Press any key to continue.
error
An error has occurred
Keyboard not responding. Press any key to continue.
error
An error has occurred
Keyboard not responding. Press any key to continue.Primary colors
check
Your file has been saved
Please insert the next floppy disk.
check
Your file has been saved
Please insert the next floppy disk.
check
Your file has been saved
Secondary colors
Your efforts have been rewarded
Click the button below to retrieve your prize.Your efforts have been rewarded
Click the button below to retrieve your prize.Your efforts have been rewarded
Tertiary colors
question_mark
Checking your progress
Continuing this operation will clear the Internet.
question_mark
Checking your progress
Continuing this operation will clear the Internet.
question_mark
Checking your progress
Continuing this operation will clear the Internet.Code example
<div class="micl-alert-tonal" role="alert">
<span class="micl-alert__icon material-symbols-outlined">error</span>
<span class="micl-alert__text">
<h4>An error has occurred</h4>
<span class="micl-alert__supporting-text">Something unexplainable has happened.</span>
</span>
</div>