muse-vue-ant-design-dashboard/documentation/_nuxt/5b7e9f3.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[4,2,3],{1179:function(t,e,n){"use strict";n.r(e);n(106),n(640);var o={props:["anchors"],data:function(){return{url:""}},beforeMount:function(){this.url=window.location.href.split("#")[0]}},r=n(81),component=Object(r.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"page-anchor"},[n("a-anchor",{attrs:{targetOffset:80,offsetTop:85}},t._l(t.anchors,(function(title,e){return n("a-anchor-link",{key:e,attrs:{href:t.url+"#"+e,title:title}})})),1)],1)}),[],!1,null,null,null);e.default=component.exports},1180:function(t,e,n){"use strict";n.r(e);var o={inheritAttrs:!0,props:["code","lang"],data:function(){return{}},methods:{onCopy:function(t){this.$message.success({content:"Copied!"})}}},r=n(81),component=Object(r.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"highlight-section"},[n("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.code.trim(),expression:"code.trim()",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:t.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{type:"primary",icon:"copy",size:"small"}},[t._v("Copy")]),t._v(" "),n("highlight-code",{staticStyle:{"max-height":"500px"},attrs:{lang:t.lang?t.lang:"html"}},[t._v("\n\t\t"+t._s(t.code)+"\n\t")])],1)}),[],!1,null,null,null);e.default=component.exports},1218:function(t,e,n){"use strict";n.r(e);var o={head:function(){return{title:"Alert | Muse Vue Ant Design Dashboard @ Creative Tim",meta:[{hid:"description",name:"description",content:"Alert component for feedback."}]}},data:function(){return{visible:!0,anchors:{"when-to-use":"When To Use",Basic:"Basic","With-Icon":"With Icon","Smooth-Unmount":"Smooth Unmount"},basic:'\n<template>\n\t<a-alert message="Success Tips" type="success" show-icon />\n\t<a-alert message="Informational Notes" type="info" show-icon />\n\t<a-alert message="Warning" type="warning" show-icon />\n\t<a-alert message="Error" type="error" show-icon />\n</template>',withIcon:'\n<template>\n\t<a-alert message="Success Tips" type="success" />\n\t<a-alert message="Informational Notes" type="info" />\n\t<a-alert message="Warning" type="warning" />\n\t<a-alert message="Error" type="error" />\n</template>',smoothUnmount:'\n<template>\n  <div>\n    <a-alert\n      v-if="visible"\n      message="Alert Message Text"\n      type="success"\n      closable\n      :after-close="handleClose"\n    />\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      visible: true,\n    };\n  },\n  methods: {\n    handleClose() {\n      this.visible = false;\n    },\n  },\n};\n<\/script>'}},methods:{handleClose:function(t){this.visible=!1}}},r=n(81),component=Object(r.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{staticClass:"page-row"},[n("div",{staticClass:"page-content"},[t._m(0),t._v(" "),n("a-divider"),t._v(" "),t._m(1),t._v(" "),n("h2",[t._v("Examples")]),t._v(" "),n("section",{staticClass:"mb-24",attrs:{id:"Basic"}},[n("a-divider",{attrs:{orientation:"left"}},[t._v("Basic")]),t._v(" "),n("p",[t._v("\n\t\t\t\t\t\tThe simplest usage for short messages.\n\t\t\t\t\t")]),t._v(" "),n("div",{staticClass:"showcase"},[n("a-alert",{staticClass:"mb-15",attrs:{message:"Success Tips",type:"success"}}),t._v(" "),n("a-alert",{staticClass:"mb-15",attrs:{message:"Informational Notes",type:"info"}}),t._v(" "),n("a-alert",{staticClass:"mb-15",attrs:{message:"Warning",type:"warning"}}),t._v(" "),n("a-alert",{attrs:{message:"Error",type:"error"}})],1),t._v(" "),n("muse-snippet",{attrs:{code:t.basic}})],1),t._v(" "),n("section",{staticClass:"mb-24",attrs:{id:"With-Icon"}},[n("a-divider",{attrs:{orientation:"left"}},[t._v("With Icon")]),t._v(" "),n("p",[t._v("\n\t\t\t\t\t\tDecent icon make information more clear and more friendly.\n\t\t\t\t\t")]),t._v(" "),n("div",{staticClass:"showcase"},[n("a-alert",{staticClass:"mb-15",attrs:{message:"Success Tips",type:"success","show-icon":""}}),t._v(" "),n("a-alert",{staticClass:"mb-15",attrs:{message:"Informational Notes",type:"info","show-icon":""}}),t._v(" "),n("a-alert",{staticClass:"mb-15",attrs:{message:"Warning",type:"warning","show-icon":""}}),t._v(" "),n("a-alert",{attrs:{message:"Error",type:"error","show-icon":""}})],1),t._v(" "),n("muse-snippet",{attrs:{code:t.withIcon}})],1),t._v(" "),n("section",{staticClass:"mb-24",attrs:{id:"Smooth-Unmount"}},[n("a-divider",{attrs:{orientation:"left"}},[t._v("Smooth Unmount")]),t._v(" "),n("p",[t._v("\n\t\t\t\t\t\tSmoothly and unaffectedly unmount Alert.\n\t\t\t\t\t")]),t._v(" "),n("div",{staticClass:"showcase"},[t.visible?n("a-alert",{attrs:{message:"Success Tips",type:"success",closable:"","after-close":t.handleClose}}):t._e()],1),t._v(" "),n("muse-snippet",{attrs:{code:t.smoothUnmount}})],1),t._v(" "),t._m(2)],1),t._v(" "),n("muse-anchor",{attrs:{anchors:t.anchors}})],1)])}),[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"mb-24"},[n("h1",[t._v("Alert")]),t._v(" "),n("p",{staticClass:"text-dark"},[t._v("\n\t\t\t\t\t\tAlert component for feedback.\n\t\t\t\t\t")])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"mb-24",attrs:{id:"when-to-use"}},[n("h2",[t._v("When To Use")]),t._v(" "),n("ul",[n("li",[t._v("When you need to show alert messages to users.")]),t._v(" "),n("li",[t._v("When you need a persistent static container which is closable by user actions.")])])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("p",{staticClass:"text-right font-semibold mb-24"},[t._v("\n\t\t\t\t\tLooking for more Ant Design Vue Alert? Please check the\n\t\t\t\t\t"),n("a",{attrs:{target:"_blank",href:"https://antdv.com/components/alert/"}},[t._v("official docs")]),t._v(".\n\t\t\t\t")])}],!1,null,"1346c95b",null);e.default=component.exports;installComponents(component,{MuseSnippet:n(1180).default,MuseAnchor:n(1179).default})}}]);