<div class=" width-scaled4-6 wt-max-100 m-auto"> <div class=" flex flex-column justify-center rounded-s pd-y-3 pd-x-3 bg-black-0 box-shadow-2"> <div class="flex flex-column m-y-6"> <span class="text-xm">Dialog header</span> <small>Lorem ipsum dolor sit amet.</small> </div> <div class="flex justify-end items-center gap-1 m-t-2"> <button class="pd-y-3 pd-x-3 text-color-grey-0 bg-red-8 cursor">close</button> <button class="pd-y-3 pd-x-3 text-color-grey-0 bg-green-7">continue</button> </div> </div> </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