<div class="modal modal-simple"> <section> <h2 class="heading modal-heading">Modal Header</h2> <p class="modal-body">This is a stacked modal. Give modal text here</p> </section> <section class="actions modal-actions"> <button class="btn outline-primary modal-demo2"> close </button> <button class="btn bg-accent modal-demo2"> Okay </button> </section> </div> <div class="modal modal-stacked"> <section> <h2 class="heading modal-heading">Modal Header</h2> <p class="modal-body">This is a stacked modal. Give modal text here</p> </section> <section class="actions modal-actions"> <button class="btn outline-primary modal-demo2"> close </button> <button class="btn bg-accent modal-demo2"> Okay </button> </section> </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