Webmail

Authorable Notification

Usage

This component is used to display information banners on a page.

Examples

Variant 1: warning

This an example of a warning with the close button and show more enabled 

Ut metus erat, pellentesque ut ante et, suscipit ultricies ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam finibus sodales lorem, eu tincidunt augue finibus vitae. Donec condimentum ornare leo nec egestas. Sed dignissim vehicula est. Cras suscipit nunc sem, ac scelerisque dolor fermentum id. Aenean tincidunt euismod feugiat. Nullam enim mi, ornare et sodales sit amet, commodo ac nisi. Aenean et ultrices augue, mollis congue purus. Suspendisse vel interdum ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;Aenean ut rhoncus nisi. Suspendisse potenti. Donec ac luctus libero, a laoreet nibh. Integer dapibus ut neque sed sagittis. Ut lobortis velit sed nisi posuere, in rhoncus lectus efficitur. Aenean efficitur, arcu in egestas vulputate, massa metus porta tortor, et faucibus sem nisl sit amet velit. Nunc posuere viverra sodales. Nulla sodales dui urna, sit amet mattis mi vestibulum ut. Nulla consectetur malesuada lectus ornare ullamcorper. Nullam sit amet ligula massa. Maecenas tellus massa, fermentum quis bibendum placerat, tincidunt sed tortor. Cras ultricies vehicula justo, eget tincidunt est gravida vitae. Donec dapibus nisl et ligula sodales gravida. Vivamus aliquam magna lectus. Sed quis velit ac ipsum commodo volutpat.

View more View less

Variant 2: alert

This an example of an alert. Opened by default option enables

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id consectetur neque. Suspendisse potenti. Sed viverra rutrum metus, ut porttitor tortor aliquet quis. Maecenas venenatis consectetur erat nec varius. Vivamus efficitur, eros vitae efficitur sagittis, urna eros pretium diam, at accumsan felis enim vitae massa. Phasellus felis lacus, aliquet sed ipsum eu, congue aliquet tellus. Sed porttitor tortor sed pulvinar tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Ut metus erat, pellentesque ut ante et, suscipit ultricies ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam finibus sodales lorem, eu tincidunt augue finibus vitae. Donec condimentum ornare leo nec egestas. Sed dignissim vehicula est. Cras suscipit nunc sem, ac scelerisque dolor fermentum id. Aenean tincidunt euismod feugiat. Nullam enim mi, ornare et sodales sit amet, commodo ac nisi. Aenean et ultrices augue, mollis congue purus. Suspendisse vel interdum ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Variant 3: information

This an example of an information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id consectetur neque. Suspendisse potenti. Sed viverra rutrum metus, ut porttitor tortor aliquet quis. Maecenas venenatis consectetur erat nec varius. Vivamus efficitur, eros vitae efficitur sagittis, urna eros pretium diam, at accumsan felis enim vitae massa. Phasellus felis lacus, aliquet sed ipsum eu, congue aliquet tellus. Sed porttitor tortor sed pulvinar tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Ut metus erat, pellentesque ut ante et, suscipit ultricies ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam finibus sodales lorem, eu tincidunt augue finibus vitae. Donec condimentum ornare leo nec egestas. Sed dignissim vehicula est. Cras suscipit nunc sem, ac scelerisque dolor fermentum id. Aenean tincidunt euismod feugiat. Nullam enim mi, ornare et sodales sit amet, commodo ac nisi. Aenean et ultrices augue, mollis congue purus. Suspendisse vel interdum ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;