<div class="bg-green-2 text-color-green-9 flex items-center rounded-s pd-x-8 pd-y-5 "> <span class="pd-r-5"><i class="fa-solid fa-circle-check"></i></span> A simple success alert—check it out! </div> <div class="bg-red-2 flex items-center text-color-red-9 rounded-s pd-x-8 pd-y-5 "> <span class="pd-r-5"><i class="fa-solid fa-triangle-exclamation"></i></span> A simple danger alert—check it out! </div> <div class="bg-brown-2 flex items-center text-color-brown-9 rounded-s pd-x-8 pd-y-5 "> <span class="pd-r-5"><i class="fa-solid fa-circle-exclamation"></i></span> A simple warning alert—check it out! </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter