Banner notification 1, success
<div class="bg-glacier-green text-glacier-200 relative z-50 px-10 py-4 text-center">
<span class="text-center font-bold">Your post has been published!</span>
<button class="absolute top-4 right-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
Banner notification 1, info
<div class="bg-glacier-purple text-glacier-200 relative z-50 px-10 py-4 text-center">
<span class="text-center font-bold">Your post has been updated</span>
<button class="absolute top-4 right-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
Banner notification 1, danger
<div class="bg-glacier-red text-glacier-200 relative z-50 px-10 py-4 text-center">
<span class="text-center font-bold">Your post has been deleted</span>
<button class="absolute top-4 right-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
Banner notification 1, warning
<div class="bg-glacier-orange text-glacier-200 relative z-50 px-10 py-4 text-center">
<span class="text-center font-bold">Your post has been rejected</span>
<button class="absolute top-4 right-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
Banner notification 1, warning
<div class="bg-glacier-yellow text-glacier-200 relative z-50 px-10 py-4 text-center">
<span class="text-center font-bold">Please review your submission</span>
<button class="absolute top-4 right-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>