Toast
Simple Toast
Use the .toast class to create a toast. To remove elevation from the toast, add the .flat class.
Simple Toast
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere nesciunt suscipit, doloribus qui culpa repellendus quibusdam assumenda sed doloremque consequatur architecto deleniti ipsa, dolores praesentium inventore quam ratione sapiente fuga.Simple Toast
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere nesciunt suscipit, doloribus qui culpa repellendus quibusdam assumenda sed doloremque consequatur architecto deleniti ipsa, dolores praesentium inventore quam ratione sapiente fuga.
<div class="toast">Lorem ipsum ... </div>
<div class="toast toast-secondary">Lorem ipsum ... </div>
Bordered Toast
Use the .toast-bordered class to get the side border.
Bordered Toast
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere nesciunt suscipit, doloribus qui culpa repellendus quibusdam assumenda sed doloremque consequatur architecto deleniti ipsa, dolores praesentium inventore quam ratione sapiente fuga.Bordered Toast
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere nesciunt suscipit, doloribus qui culpa repellendus quibusdam assumenda sed doloremque consequatur architecto deleniti ipsa, dolores praesentium inventore quam ratione sapiente fuga.
<div class="toast toast-bordered">Lorem ipsum ... </div>
<div class="toast toast-secondary toast-bordered">Lorem ipsum ... </div>