A toast notification is a transient message to the user that contains relevant, time-sensitive information and provides quick access to related content in an app. Toast notification overview (Windows Store apps)
Following there are all the possible templates and styles for different kind of toast notifications.
Body text that wraps over three lines. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula
Body text that wraps over two lines. Vivamus elementum semper nisi.
Body text that wraps over two lines. Vivamus elementum semper nisi.
Body text that wraps over two lines.
Body text that wraps over two lines.
<div class="toast toasttext01"> <button type="button" class="close" data-dismiss="alert"></button> <p>Body text that wraps over three lines. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula</p> </div> <div class="toast toasttext02"> <button type="button" class="close" data-dismiss="alert"></button> <h4>Heading text</h4> <p>Body text that wraps over two lines. Vivamus elementum semper nisi.</p> </div> <div class="toast toasttext03"> <button type="button" class="close" data-dismiss="alert"></button> <h4>Heading text that wraps over two lines. Vivamus elementum semper nisi.</h4> <p>Body text that wraps over two lines. Vivamus elementum semper nisi.</p> </div> <div class="toast toasttext04"> <button type="button" class="close" data-dismiss="alert"></button> <h4>Heading text</h4> <p>Body text that wraps over two lines.</p> <p>Body text that wraps over two lines.</p> </div>
Body text that wraps over three lines. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula