muse-vue-ant-design-dashboard/documentation/_nuxt/11bb350.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[7,2,3],{1179:function(t,n,e){"use strict";e.r(n);e(106),e(640);var o={props:["anchors"],data:function(){return{url:""}},beforeMount:function(){this.url=window.location.href.split("#")[0]}},r=e(81),component=Object(r.a)(o,(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"page-anchor"},[e("a-anchor",{attrs:{targetOffset:80,offsetTop:85}},t._l(t.anchors,(function(title,n){return e("a-anchor-link",{key:n,attrs:{href:t.url+"#"+n,title:title}})})),1)],1)}),[],!1,null,null,null);n.default=component.exports},1180:function(t,n,e){"use strict";e.r(n);var o={inheritAttrs:!0,props:["code","lang"],data:function(){return{}},methods:{onCopy:function(t){this.$message.success({content:"Copied!"})}}},r=e(81),component=Object(r.a)(o,(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("section",{staticClass:"highlight-section"},[e("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(" "),e("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);n.default=component.exports},1221:function(t,n,e){"use strict";e.r(n);var o={head:function(){return{title:"Button | Muse Vue Ant Design Dashboard @ Creative Tim",meta:[{hid:"description",name:"description",content:"To trigger an operation."}]}},data:function(){return{anchors:{"when-to-use":"When To Use","Component-Registration":"Component Registration",Type:"Type",Icon:"Icon","Ghost-Button":"Ghost Button",Size:"Size",Block:"Block",Disabled:"Disabled",Loading:"Loading"},size:"default",loading:!1,iconLoading:!1,componentRegistration:"\nimport { Button } from 'ant-design-vue';\nVue.use(Button);",types:'\n<template>\n  <div>\n    <a-button type="primary">\n      Primary\n    </a-button>\n    <a-button>Default</a-button>\n    <a-button type="dashed">\n      Dashed\n    </a-button>\n    <a-button type="danger">\n      Danger\n    </a-button>\n    <a-config-provider :auto-insert-space-in-button="false">\n      <a-button type="primary">\n        按钮\n      </a-button>\n    </a-config-provider>\n    <a-button type="primary">\n      按钮\n    </a-button>\n    <a-button type="link">\n      Link\n    </a-button>\n  </div>\n</template>\n',icon:'\n<template>\n  <div>\n    <a-button type="primary" shape="circle" icon="search" />\n    <a-button type="primary" shape="circle">\n      A\n    </a-button>\n    <a-button type="primary" icon="search">\n      Search\n    </a-button>\n    <a-button shape="circle" icon="search" />\n    <a-button icon="search">\n      Search\n    </a-button>\n    <a-button shape="circle" icon="search" />\n    <a-button icon="search">\n      Search\n    </a-button>\n    <a-button type="dashed" shape="circle" icon="search" />\n    <a-button type="dashed" icon="search">\n      Search\n    </a-button>\n  </div>\n</template>',ghost:'\n<template>\n  <div :style="{ background: \'rgb(190, 200, 200)\', padding: \'26px 16px 16px\' }">\n    <a-button type="primary" ghost>\n      Primary\n    </a-button>\n    <a-button ghost>\n      Default\n    </a-button>\n    <a-button type="dashed" ghost>\n      Dashed\n    </a-button>\n    <a-button type="danger" ghost>\n      Danger\n    </a-button>\n    <a-button type="link" ghost>\n      Link\n    </a-button>\n  </div>\n</template>',sizeCode:'\n<template>\n  <div>\n    <a-radio-group :value="size" @change="handleSizeChange">\n      <a-radio-button value="large">\n        Large\n      </a-radio-button>\n      <a-radio-button value="default">\n        Default\n      </a-radio-button>\n      <a-radio-button value="small">\n        Small\n      </a-radio-button>\n    </a-radio-group>\n    <br><br>\n    <a-button type="primary" :size="size">\n      Primary\n    </a-button>\n    <a-button :size="size">\n      Normal\n    </a-button>\n    <a-button type="dashed" :size="size">\n      Dashed\n    </a-button>\n    <a-button type="danger" :size="size">\n      Danger\n    </a-button>\n    <a-button type="link" :size="size">\n      Link\n    </a-button>\n    <br>\n    <a-button type="primary" icon="download" :size="size" />\n    <a-button type="primary" shape="circle" icon="download" :size="size" />\n    <a-button type="primary" shape="round" icon="download" :size="size" />Download</a-button>\n    <a-button type="primary" shape="round" icon="download" :size="size" />\n    <a-button type="primary" icon="download" :size="size">\n      Download\n    </a-button>\n    <br>\n    <a-button-group :size="size">\n      <a-button type="primary">\n        <a-icon type="left" />Backward\n      </a-button>\n      <a-button type="primary">\n        Forward<a-icon type="right" />\n      </a-button>\n    </a-button-group>\n  </div>\n</template>\n<script>\n  export default {\n    data() {\n      return {\n        size: \'large\',\n      };\n    },\n    methods: {\n      handleSizeChange(e) {\n        this.size = e.target.value;\n      },\n    },\n  };\n<\/script>\n',block:'\n<template>\n  <div>\n    <a-button type="primary" block>\n      Primary\n    </a-button>\n    <a-button block>\n      Default\n    </a-button>\n    <a-button type="dashed" block>\n      Dashed\n    </a-button>\n    <a-button type="danger" block>\n      Danger\n    </a-button>\n    <a-button type="link" block>\n      Link\n    </a-button>\n  </div>\n</template>\n',disabled:'\n<template>\n  <div>\n    <a-button type="primary">\n      Primary\n    </a-button>\n    <a-button type="primary" disabled>\n      Primary(disabled)\n    </a-button>\n    <br />\n    <a-button>Default</a-button>\n    <a-button disabled>\n      Default(disabled)\n    </a-button>\n    <br />\n    <a-button type="dashed">\n      Dashed\n    </a-button>\n    <a-button type="dashed" disabled>\n      Dashed(disabled)\n    </a-button>\n    <br />\n    <a-button type="link">\n      Link\n    </a-button>\n    <a-button type="link" disabled>\n      Link(disabled)\n    </a-button>\n    <div :style="{ padding: \'8px 8px 0 8px\', background: \'rgb(190, 200, 200)\' }">\n      <a-button ghost>\n        Ghost\n      </a-button>\n      <a-button ghost disabled>\n        Ghost(disabled)\n      </a-button>\n    </div>\n  </div>\n</template>',loadingCode:'\n<template>\n  <div>\n    <a-button type="primary" loading>\n      Loading\n    </a-button>\n    <a-button type="primary" size="small" loading>\n      Loading\n    </a-button>\n    <br />\n    <a-button type="primary" :loading="loading" @mouseenter="enterLoading">\n      mouseenter me!\n    </a-button>\n    <a-button type="primary" icon="poweroff" :loading="iconLoading" @click="enterIconLoading">\n      延迟1s\n    </a-button>\n    <br />\n    <a-button type="primary" loading />\n    <a-button type="primary" shape="circle" loading />\n    <a-button type="danger" shape="round" loading />\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      loading: false,\n      iconLoading: false,\n    };\n  },\n  methods: {\n    enterLoading() {\n      this.loading = true;\n    },\n    enterIconLoading() {\n      this.iconLoading = { delay: 1000 };\n    },\n  },\n};\n<\/script>\n'}},methods:{handleSizeChange:function(t){this.size=t.target.value},enterLoading:function(){this.loading=!0},enterIconLoading:function(){this.iconLoading={delay:1e3}}}},r=e(81),component=Object(r.a)(o,(function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",[e("div",{staticClass:"page-row"},[e("div",{staticClass:"page-content"},[t._m(0),t._v(" "),t._m(1),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Component-Registration"}},[e("h2",[t._v("Component Registration")]),t._v(" "),e("muse-snippet",{attrs:{code:t.componentRegistration,lang:"javascript"}})],1),t._v(" "),e("h2",[t._v("Examples")]),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Type"}},[e("a-divider",{attrs:{orientation:"left"}},[t._v("Type")]),t._v(" "),t._m(2),t._v(" "),e("div",{staticClass:"showcase pb-10"},[e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"primary"}},[t._v("\n\t\t\t\t\tPrimary\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10"},[t._v("Default")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"dashed"}},[t._v("\n\t\t\t\t\tDashed\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"danger"}},[t._v("\n\t\t\t\t\tDanger\n\t\t\t\t\t")]),t._v(" "),e("a-config-provider",{attrs:{"auto-insert-space-in-button":!1}},[e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"primary"}},[t._v("\n\t\t\t\t\t\t\t按钮\n\t\t\t\t\t\t")])],1),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"primary"}},[t._v("\n\t\t\t\t\t按钮\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"link"}},[t._v("\n\t\t\t\t\tLink\n\t\t\t\t\t")])],1),t._v(" "),e("muse-snippet",{attrs:{code:t.types}})],1),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Icon"}},[e("a-divider",{attrs:{orientation:"left"}},[t._v("Icon")]),t._v(" "),t._m(3),t._v(" "),e("div",{staticClass:"showcase"},[e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"primary",shape:"circle",icon:"search"}}),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"primary",shape:"circle"}},[t._v("\n\t\t\t\t\tA\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"primary",icon:"search"}},[t._v("\n\t\t\t\t\tSearch\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{shape:"circle",icon:"search"}}),t._v(" "),e("a-button",{attrs:{icon:"search"}},[t._v("\n\t\t\t\t\tSearch\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{shape:"circle",icon:"search"}}),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{icon:"search"}},[t._v("\n\t\t\t\t\tSearch\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"dashed",shape:"circle",icon:"search"}}),t._v(" "),e("a-button",{staticClass:"mb-10 mr-10",attrs:{type:"dashed",icon:"search"}},[t._v("\n\t\t\t\t\tSearch\n\t\t\t\t\t")])],1),t._v(" "),e("muse-snippet",{attrs:{code:t.icon}})],1),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Ghost-Button"}},[e("a-divider",{attrs:{orientation:"left"}},[t._v("Ghost Button")]),t._v(" "),t._m(4),t._v(" "),e("div",{staticClass:"showcase bg-gray-6"},[e("a-button",{staticClass:"mr-10",attrs:{type:"primary",ghost:""}},[t._v("\n\t\t\t\t\tPrimary\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10",attrs:{ghost:""}},[t._v("\n\t\t\t\t\tDefault\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10",attrs:{type:"dashed",ghost:""}},[t._v("\n\t\t\t\t\tDashed\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10",attrs:{type:"danger",ghost:""}},[t._v("\n\t\t\t\t\tDanger\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10",attrs:{type:"link",ghost:""}},[t._v("\n\t\t\t\t\tLink\n\t\t\t\t\t")])],1),t._v(" "),e("muse-snippet",{attrs:{code:t.ghost}})],1),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Size"}},[e("a-divider",{attrs:{orientation:"left"}},[t._v("Size")]),t._v(" "),t._m(5),t._v(" "),e("div",{staticClass:"showcase pb-10"},[e("a-radio-group",{staticClass:"mr-10 mb-10",attrs:{value:t.size},on:{change:t.handleSizeChange}},[e("a-radio-button",{attrs:{value:"large"}},[t._v("\n\t\t\t\t\t\t\tLarge\n\t\t\t\t\t\t")]),t._v(" "),e("a-radio-button",{attrs:{value:"default"}},[t._v("\n\t\t\t\t\t\t\tDefault\n\t\t\t\t\t\t")]),t._v(" "),e("a-radio-button",{attrs:{value:"small"}},[t._v("\n\t\t\t\t\t\t\tSmall\n\t\t\t\t\t\t")])],1),t._v(" "),e("br"),e("br"),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",size:t.size}},[t._v("\n\t\t\t\t\tPrimary\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{size:t.size}},[t._v("\n\t\t\t\t\tNormal\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"dashed",size:t.size}},[t._v("\n\t\t\t\t\tDashed\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"danger",size:t.size}},[t._v("\n\t\t\t\t\tDanger\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"link",size:t.size}},[t._v("\n\t\t\t\t\tLink\n\t\t\t\t\t")]),t._v(" "),e("br"),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",icon:"download",size:t.size}}),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",shape:"circle",icon:"download",size:t.size}}),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",shape:"round",icon:"download",size:t.size}},[t._v("Download")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",shape:"round",icon:"download",size:t.size}}),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",icon:"download",size:t.size}},[t._v("\n\t\t\t\t\t\tDownload\n\t\t\t\t\t")]),t._v(" "),e("br"),t._v(" "),e("a-button-group",{staticClass:"mr-10 mb-10",attrs:{size:t.size}},[e("a-button",{attrs:{type:"primary"}},[e("a-icon",{attrs:{type:"left"}}),t._v("Backward\n\t\t\t\t\t\t")],1),t._v(" "),e("a-button",{attrs:{type:"primary"}},[t._v("\n\t\t\t\t\t\t\tForward"),e("a-icon",{attrs:{type:"right"}})],1)],1)],1),t._v(" "),e("muse-snippet",{attrs:{code:t.sizeCode}})],1),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Block"}},[e("a-divider",{attrs:{orientation:"left"}},[t._v("Block")]),t._v(" "),t._m(6),t._v(" "),e("div",{staticClass:"showcase"},[e("a-button",{staticClass:"mb-10",attrs:{type:"primary",block:""}},[t._v("\n\t\t\t\t\tPrimary\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10",attrs:{block:""}},[t._v("\n\t\t\t\t\tDefault\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10",attrs:{type:"dashed",block:""}},[t._v("\n\t\t\t\t\tDashed\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mb-10",attrs:{type:"danger",block:""}},[t._v("\n\t\t\t\t\tDanger\n\t\t\t\t\t")]),t._v(" "),e("a-button",{attrs:{type:"link",block:""}},[t._v("\n\t\t\t\t\tLink\n\t\t\t\t\t")])],1),t._v(" "),e("muse-snippet",{attrs:{code:t.block}})],1),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Disabled"}},[e("a-divider",{attrs:{orientation:"left"}},[t._v("Disabled")]),t._v(" "),t._m(7),t._v(" "),e("div",{staticClass:"showcase"},[e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary"}},[t._v("\n\t\t\t\t\tPrimary\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",disabled:""}},[t._v("\n\t\t\t\t\tPrimary(disabled)\n\t\t\t\t\t")]),t._v(" "),e("br"),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10"},[t._v("Default")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{disabled:""}},[t._v("\n\t\t\t\t\tDefault(disabled)\n\t\t\t\t\t")]),t._v(" "),e("br"),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"dashed"}},[t._v("\n\t\t\t\t\tDashed\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"dashed",disabled:""}},[t._v("\n\t\t\t\t\tDashed(disabled)\n\t\t\t\t\t")]),t._v(" "),e("br"),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"link"}},[t._v("\n\t\t\t\t\tLink\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"link",disabled:""}},[t._v("\n\t\t\t\t\tLink(disabled)\n\t\t\t\t\t")]),t._v(" "),e("div",{style:{padding:"8px 8px 0 8px",background:"rgb(190, 200, 200)"}},[e("a-button",{staticClass:"mr-10 mb-10",attrs:{ghost:""}},[t._v("\n\t\t\t\t\t\t\tGhost\n\t\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{ghost:"",disabled:""}},[t._v("\n\t\t\t\t\t\t\tGhost(disabled)\n\t\t\t\t\t\t")])],1)],1),t._v(" "),e("muse-snippet",{attrs:{code:t.disabled}})],1),t._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Loading"}},[e("a-divider",{attrs:{orientation:"left"}},[t._v("Loading")]),t._v(" "),t._m(8),t._v(" "),e("div",{staticClass:"showcase"},[e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",loading:""}},[t._v("\n\t\t\t\t\tLoading\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",size:"small",loading:""}},[t._v("\n\t\t\t\t\tLoading\n\t\t\t\t\t")]),t._v(" "),e("br"),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",loading:t.loading},on:{mouseenter:t.enterLoading}},[t._v("\n\t\t\t\t\tmouseenter me!\n\t\t\t\t\t")]),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",icon:"poweroff",loading:t.iconLoading},on:{click:t.enterIconLoading}},[t._v("\n\t\t\t\t\t延迟1s\n\t\t\t\t\t")]),t._v(" "),e("br"),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",loading:""}}),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"primary",shape:"circle",loading:""}}),t._v(" "),e("a-button",{staticClass:"mr-10 mb-10",attrs:{type:"danger",shape:"round",loading:""}})],1),t._v(" "),e("muse-snippet",{attrs:{code:t.loadingCode}})],1),t._v(" "),t._m(9)]),t._v(" "),e("muse-anchor",{attrs:{anchors:t.anchors}})],1)])}),[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("section",{staticClass:"mb-24"},[e("h1",[t._v("Button")]),t._v(" "),e("p",{staticClass:"text-dark"},[t._v("\n\t\t\t\t\tTo trigger an operation.\n\t\t\t\t")])])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("section",{staticClass:"mb-24",attrs:{id:"when-to-use"}},[e("h2",[t._v("When To Use")]),t._v(" "),e("p",[t._v("\n\t\t\t\t\tA button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.\n\t\t\t\t")])])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",[t._v("\n\t\t\t\t\tThere are "),e("code",[t._v("primary")]),t._v(" button, "),e("code",[t._v("default")]),t._v(" button, "),e("code",[t._v("dashed")]),t._v(" button , "),e("code",[t._v("danger")]),t._v(" button and "),e("code",[t._v("link")]),t._v(" button in antd.\n\t\t\t\t")])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",[t._v("\n\t\t\t\t\tButton components can contain an Icon. This is done by setting the "),e("code",[t._v("icon")]),t._v(" property or placing an Icon component within the Button\n\t\t\t\t\tIf you want specific control over the positioning and placement of the Icon, then that should be done by placing the Icon component within the Button rather than using the icon property.\n\t\t\t\t")])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",[e("code",[t._v("ghost")]),t._v(" property will make button's background transparent, it is common used in colored background.\n\t\t\t\t")])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",[t._v("\n\t\t\t\t\tAnt Design supports a default button size as well as a large and small size.\n\t\t\t\t\tIf a large or small button is desired, set the "),e("code",[t._v("size")]),t._v(" property to either "),e("code",[t._v("large")]),t._v(" or "),e("code",[t._v("small")]),t._v(" respectively. Omit the size property for a button with the default size.\n\t\t\t\t")])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",[t._v("\n\t\t\t\t\tButton components can contain an Icon. This is done by setting the "),e("code",[t._v("icon")]),t._v(" property or placing an Icon component within the Button\n\t\t\t\t\tIf you want specific control over the positioning and placement of the Icon, then that should be done by placing the Icon component within the Button rather than using the icon property.\n\t\t\t\t")])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",[t._v("\n\t\t\t\t\tTo mark a button as disabled, add the "),e("code",[t._v("disabled")]),t._v(" property to the Button.\n\t\t\t\t")])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",[t._v("\n\t\t\t\t\tA loading indicator can be added to a button by setting the "),e("code",[t._v("loading")]),t._v(" property on the Button.\n\t\t\t\t")])},function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("p",{staticClass:"text-right font-semibold mb-24"},[t._v("\n\t\t\t\tLooking for more Ant Design Vue Button? Please check the\n\t\t\t\t"),e("a",{attrs:{target:"_blank",href:"https://antdv.com/components/button/"}},[t._v("official docs")]),t._v(".\n\t\t\t")])}],!1,null,null,null);n.default=component.exports;installComponents(component,{MuseSnippet:e(1180).default,MuseAnchor:e(1179).default})}}]);