<template><EBlockclass="e-tips-showcase"style="padding: 10px;width: 300px;"><ETipstheme="success"message="success"style="margin: 10px 0 0;"/><ETipstheme="info"message="info"style="margin: 10px 0 0;"/><ETipstheme="warn"message="warn"style="margin: 10px 0 0;"/><ETipstheme="error"message="error"style="margin: 10px 0 0;"/><ETipstheme="success"icon="check-circle"message="custom background + icon"style="margin: 10px 0 0;"/><ETipstheme="error"message="custom background + icon"closablestyle="margin: 10px 0 0;"/><ETipstheme="error"message="custom actions"closablestyle="margin: 10px 0 0;"><EIconslot="action"name="pin"color="border"/></ETips><ETipstheme="error":message="longText"style="margin: 10px 0 0;"/></EBlock></template><script>exportdefault{data(){return{
longText:'Note the is="todo-item" attribute. This is necessary in DOM templates, because only an li element is valid inside a ul. It does the same thing as todo-item, but works around a potential browser parsing error. See DOM Template Parsing Caveats to learn more.',};},};</script>