mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity
26f431abb7
element-plus/en-US/component/button.html
ElementPlusBot 26f431abb7 website deploy
2022-06-11 08:40:26 +00:00

39 lines
52 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Button | Element Plus</title>
<meta name="description" content="a Vue 3 based component library for designers and developers">
<link rel="stylesheet" href="/assets/style.501536b9.css">
<link rel="modulepreload" href="/assets/chunks/text.8a7fdd81.js">
<link rel="modulepreload" href="/assets/chunks/contributors.fef7539b.js">
<link rel="modulepreload" href="/assets/app.b4c9555e.js">
<link rel="modulepreload" href="/assets/en-US_component_button.md.f73fe118.lean.js">
<link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileColor" content="#409eff">
<meta name="msapplication-config" content="/browserconfig.xml">
<script>window.supportedLangs=["en-US","es-ES","zh-CN"];</script>
<script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
<script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
<script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
<script>(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:2894908,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
<script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","//fonts.loli.net/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
<script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<meta name="twitter:title" content="Button | Element Plus">
<meta property="og:title" content="Button | Element Plus">
</head>
<body>
<div id="app"><div class="App"><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-0baf1018><div class="header-container" data-v-0baf1018><div class="logo-container" data-v-0baf1018><a href="/en-US/" data-v-0baf1018><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-0baf1018></a></div><div class="content" data-v-0baf1018><div id="docsearch" class="algolia-search-box search" data-v-0baf1018></div><nav class="navbar-menu menu" data-v-0baf1018><!--[--><a class="link-item link is-menu-link" href="/en-US/guide/design" data-v-3d10afe9 data-v-36735cb0><!--[--><!--[-->Guide<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/en-US/component/button" data-v-3d10afe9 data-v-36735cb0><!--[--><!--[-->Component<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/en-US/resource/index" data-v-3d10afe9 data-v-36735cb0><!--[--><!--[-->Resource<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-0baf1018 data-v-127078e6><div class="switch" role="switch" data-v-127078e6 data-v-3de418c2><div class="switch__action"><div class="switch__icon"><!--[--><i class="el-icon" style="font-size:13px;" data-v-3de418c2><!--[--><svg viewbox="0 0 24 24" class="dark-icon" data-v-3de418c2><path d="M11.01 3.05C6.51 3.54 3 7.36 3 12a9 9 0 0 0 9 9c4.63 0 8.45-3.5 8.95-8c.09-.79-.78-1.42-1.54-.95A5.403 5.403 0 0 1 11.1 7.5c0-1.06.31-2.06.84-2.89c.45-.67-.04-1.63-.93-1.56z" fill="currentColor"></path></svg><svg viewbox="0 0 24 24" class="light-icon" data-v-3de418c2><path d="M6.05 4.14l-.39-.39a.993.993 0 0 0-1.4 0l-.01.01a.984.984 0 0 0 0 1.4l.39.39c.39.39 1.01.39 1.4 0l.01-.01a.984.984 0 0 0 0-1.4zM3.01 10.5H1.99c-.55 0-.99.44-.99.99v.01c0 .55.44.99.99.99H3c.56.01 1-.43 1-.98v-.01c0-.56-.44-1-.99-1zm9-9.95H12c-.56 0-1 .44-1 .99v.96c0 .55.44.99.99.99H12c.56.01 1-.43 1-.98v-.97c0-.55-.44-.99-.99-.99zm7.74 3.21c-.39-.39-1.02-.39-1.41-.01l-.39.39a.984.984 0 0 0 0 1.4l.01.01c.39.39 1.02.39 1.4 0l.39-.39a.984.984 0 0 0 0-1.4zm-1.81 15.1l.39.39a.996.996 0 1 0 1.41-1.41l-.39-.39a.993.993 0 0 0-1.4 0c-.4.4-.4 1.02-.01 1.41zM20 11.49v.01c0 .55.44.99.99.99H22c.55 0 .99-.44.99-.99v-.01c0-.55-.44-.99-.99-.99h-1.01c-.55 0-.99.44-.99.99zM12 5.5c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6zm-.01 16.95H12c.55 0 .99-.44.99-.99v-.96c0-.55-.44-.99-.99-.99h-.01c-.55 0-.99.44-.99.99v.96c0 .55.44.99.99.99zm-7.74-3.21c.39.39 1.02.39 1.41 0l.39-.39a.993.993 0 0 0 0-1.4l-.01-.01a.996.996 0 0 0-1.41 0l-.39.39c-.38.4-.38 1.02.01 1.41z" fill="currentColor"></path></svg><!--]--></i><!--]--></div></div></div></div><div class="translation-container translation" data-v-0baf1018 data-v-dd9c9540><!----></div><div class="social-links" data-v-0baf1018 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-6c8d2bba><i class="el-icon" style="font-size:24px;" data-v-6c8d2bba><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-6c8d2bba><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><div class="menu-hamburger hamburger" role="button" data-v-0baf1018><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></div></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><div class="sidebar-button flex items-center"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></div><a class="el-link el-link--default go-back-top height-5" size="small"><!--v-if--><span class="el-link__inner"><!--[-->Back to top<!--]--></span><!--v-if--></a></div><aside class="sidebar"><!--[--><div class="page-content" data-v-77a03052><p class="title" data-v-77a03052>Sponsored by</p><div data-v-77a03052 data-v-23d0a532><!--[--><a href="https://vform666.com/vform3.html?from=element_plus" title="VForm - Vue 2/3 可视化低代码表单" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/vform-banner.png" alt="VForm" data-v-23d0a532></a><a href="https://js.design?source=element-plus" title="即时设计 - 专业在线UI设计工具" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/js-design-banner.jpg" alt="JSDesign" data-v-23d0a532></a><!--]--></div><div data-v-77a03052 data-v-97807a40><!--[--><a class="sponsor-item inline-flex items-center" href="https://bit.dev/?from=element-ui" title="bit - Share Code" target="_blank" data-v-97807a40><img src="/images/bit.svg" alt="bit" data-v-97807a40></a><a class="sponsor-item inline-flex items-center" href="https://www.renren.io/?from=element-ui" title="人人开源 - 企业级的快速开发平台" target="_blank" data-v-97807a40><img src="/images/renren.png" alt="renren.io" data-v-97807a40></a><a class="sponsor-item inline-flex items-center" href="https://form.making.link/?from=element_plus" title="FormMaking - Vue表单设计器，赋能企业快速开发" target="_blank" data-v-97807a40><img src="/images/formmaking.png" alt="FormMaking" data-v-97807a40></a><!--]--></div></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link active" href="/en-US/component/button" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Button</p><!----></a><a class="link" href="/en-US/component/border" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Border</p><!----></a><a class="link" href="/en-US/component/color" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Color</p><!----></a><a class="link" href="/en-US/component/container" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Layout Container</p><!----></a><a class="link" href="/en-US/component/icon" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Icon</p><!----></a><a class="link" href="/en-US/component/layout" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Layout</p><!----></a><a class="link" href="/en-US/component/link" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Link</p><!----></a><a class="link" href="/en-US/component/scrollbar" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Scrollbar</p><!----></a><a class="link" href="/en-US/component/space" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Space</p><!----></a><a class="link" href="/en-US/component/typography" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/en-US/component/config-provider" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link" href="/en-US/component/cascader" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Cascader</p><!----></a><a class="link" href="/en-US/component/checkbox" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Checkbox</p><!----></a><a class="link" href="/en-US/component/color-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Color Picker</p><!----></a><a class="link" href="/en-US/component/date-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Date Picker</p><!----></a><a class="link" href="/en-US/component/datetime-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>DateTime Picker</p><!----></a><a class="link" href="/en-US/component/form" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Form</p><!----></a><a class="link" href="/en-US/component/input" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Input</p><!----></a><a class="link" href="/en-US/component/input-number" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Input Number</p><!----></a><a class="link" href="/en-US/component/radio" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Radio</p><!----></a><a class="link" href="/en-US/component/rate" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Rate</p><!----></a><a class="link" href="/en-US/component/select" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Select</p><!----></a><a class="link" href="/en-US/component/select-v2" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Virtualized Select</p><!----></a><a class="link" href="/en-US/component/slider" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Slider</p><!----></a><a class="link" href="/en-US/component/switch" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Switch</p><!----></a><a class="link" href="/en-US/component/time-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Time Picker</p><!----></a><a class="link" href="/en-US/component/time-select" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Time Select</p><!----></a><a class="link" href="/en-US/component/transfer" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Transfer</p><!----></a><a class="link" href="/en-US/component/upload" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/en-US/component/avatar" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Avatar</p><!----></a><a class="link" href="/en-US/component/badge" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Badge</p><!----></a><a class="link" href="/en-US/component/calendar" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Calendar</p><!----></a><a class="link" href="/en-US/component/card" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Card</p><!----></a><a class="link" href="/en-US/component/carousel" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Carousel</p><!----></a><a class="link" href="/en-US/component/collapse" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Collapse</p><!----></a><a class="link" href="/en-US/component/descriptions" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Descriptions</p><!----></a><a class="link" href="/en-US/component/empty" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Empty</p><!----></a><a class="link" href="/en-US/component/image" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Image</p><!----></a><a class="link" href="/en-US/component/infinite-scroll" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Infinite Scroll</p><!----></a><a class="link" href="/en-US/component/pagination" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Pagination</p><!----></a><a class="link" href="/en-US/component/progress" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Progress</p><!----></a><a class="link" href="/en-US/component/result" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Result</p><!----></a><a class="link" href="/en-US/component/skeleton" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Skeleton</p><!----></a><a class="link" href="/en-US/component/table" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Table</p><!----></a><a class="link flex items-center" href="/en-US/component/table-v2" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Virtualized Table</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-8fa0a68a><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/en-US/component/tag" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tag</p><!----></a><a class="link" href="/en-US/component/timeline" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Timeline</p><!----></a><a class="link" href="/en-US/component/tree" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tree</p><!----></a><a class="link flex items-center" href="/en-US/component/tree-select" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>TreeSelect</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-8fa0a68a><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/en-US/component/tree-v2" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Virtualized Tree</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/en-US/component/affix" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Affix</p><!----></a><a class="link" href="/en-US/component/backtop" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Backtop</p><!----></a><a class="link" href="/en-US/component/breadcrumb" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Breadcrumb</p><!----></a><a class="link" href="/en-US/component/dropdown" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Dropdown</p><!----></a><a class="link" href="/en-US/component/menu" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Menu</p><!----></a><a class="link" href="/en-US/component/page-header" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Page Header</p><!----></a><a class="link" href="/en-US/component/steps" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Steps</p><!----></a><a class="link" href="/en-US/component/tabs" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/en-US/component/alert" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Alert</p><!----></a><a class="link" href="/en-US/component/dialog" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Dialog</p><!----></a><a class="link" href="/en-US/component/drawer" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Drawer</p><!----></a><a class="link" href="/en-US/component/loading" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Loading</p><!----></a><a class="link" href="/en-US/component/message" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Message</p><!----></a><a class="link" href="/en-US/component/message-box" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Message Box</p><!----></a><a class="link" href="/en-US/component/notification" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Notification</p><!----></a><a class="link" href="/en-US/component/popconfirm" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Pop Confirm</p><!----></a><a class="link" href="/en-US/component/popover" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Popover</p><!----></a><a class="link" href="/en-US/component/tooltip" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/en-US/component/divider" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Divider</p><!----></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><main class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-hidden="true">#</a></h1><p>Commonly used button.</p><h2 id="basic-usage" tabindex="-1">Basic usage <a class="header-anchor" href="#basic-usage" aria-hidden="true">#</a></h2><!----><h2 id="disabled-button" tabindex="-1">Disabled Button <a class="header-anchor" href="#disabled-button" aria-hidden="true">#</a></h2><p>The <code>disabled</code> attribute determines if the button is disabled.</p><!----><h2 id="link-button" tabindex="-1">Link Button <a class="header-anchor" href="#link-button" aria-hidden="true">#</a></h2><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p><code>type=&quot;text&quot;</code> has been <strong>deprecated</strong>, and <strong>will be</strong> removed in <span class="el-tag el-tag--small el-tag--plain is-hit is-round" style="background-color:;"><span class="el-tag__content"><!--[-->3.0.0<!--]--></span><!--v-if--></span>, consider switching to new API.</p><p>New API <code>link</code> has been added in <span class="el-tag el-tag--small el-tag--plain is-hit is-round" style="background-color:;"><span class="el-tag__content"><!--[-->2.2.1<!--]--></span><!--v-if--></span>, you can use <code>type</code> API to set the theme of your link button</p></div><!----><h2 id="text-button" tabindex="-1">Text Button <a class="header-anchor" href="#text-button" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Text button has been upgraded with a new design since <span class="el-tag el-tag--small el-tag--plain is-round" style="background-color:;"><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span> , if you want to use the previous version like button, you might want to check <a href="./link.html#basic">Link</a> out.</p><p>The API is also updated, because the <code>type</code> attribute also represents the button&#39;s style. So we have to make a new API <code>text: boolean</code> for text button.</p></div><p>Buttons without border and background.</p><!----><h2 id="icon-button" tabindex="-1">Icon Button <a class="header-anchor" href="#icon-button" aria-hidden="true">#</a></h2><p>Use icons to add more meaning to Button. You can use icon alone to save some space, or use it with text.</p><!----><h2 id="button-group" tabindex="-1">Button Group <a class="header-anchor" href="#button-group" aria-hidden="true">#</a></h2><p>Displayed as a button group, can be used to group a series of similar operations.</p><!----><h2 id="loading-button" tabindex="-1">Loading Button <a class="header-anchor" href="#loading-button" aria-hidden="true">#</a></h2><p>Click the button to load data, then the button displays a loading state.</p><p>Set <code>loading</code> attribute to <code>true</code> to display loading state.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>You can use the <code>loading</code> slot or <code>loadingIcon</code> to customize your loading component</p><p>ps: <code>loading</code> slot has higher priority than loadingIcon</p></div><!----><h2 id="sizes" tabindex="-1">Sizes <a class="header-anchor" href="#sizes" aria-hidden="true">#</a></h2><p>Besides default size, Button component provides three additional sizes for you to choose among different scenarios.</p><!----><h2 id="custom-color" tabindex="-1">Custom Color <span class="el-tag el-tag--small el-tag--plain is-hit is-round" style="background-color:;"><span class="el-tag__content"><!--[-->beta<!--]--></span><!--v-if--></span> <a class="header-anchor" href="#custom-color" aria-hidden="true">#</a></h2><p>You can custom button color.</p><p>We will calculate hover color &amp; active color automatically.</p><!----><h2 id="button-attributes" tabindex="-1">Button Attributes <a class="header-anchor" href="#button-attributes" aria-hidden="true">#</a></h2><table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>size</td><td>button size</td><td>string</td><td>large / default /small</td><td>—</td></tr><tr><td>type</td><td>button type</td><td>string</td><td>primary / success / warning / danger / info / <del>text</del></td><td>—</td></tr><tr><td>plain</td><td>determine whether it&#39;s a plain button</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>text <span class="el-tag el-tag--small el-tag--plain is-hit is-round" style="background-color:;"><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></td><td>determine whether it&#39;s a text button</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>bg <span class="el-tag el-tag--small el-tag--plain is-hit is-round" style="background-color:;"><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></td><td>determine whether the text button background color is always on</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>link <span class="el-tag el-tag--small el-tag--plain is-hit is-round" style="background-color:;"><span class="el-tag__content"><!--[-->2.2.1<!--]--></span><!--v-if--></span></td><td>determine whether it&#39;s a link button</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>round</td><td>determine whether it&#39;s a round button</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>circle</td><td>determine whether it&#39;s a circle button</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>loading</td><td>determine whether it&#39;s loading</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>loading-icon</td><td>customize loading icon component</td><td>string / Component</td><td>—</td><td>Loading</td></tr><tr><td>disabled</td><td>disable the button</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>icon</td><td>icon component</td><td>string / Component</td><td>—</td><td>—</td></tr><tr><td>autofocus</td><td>same as native button&#39;s <code>autofocus</code></td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>native-type</td><td>same as native button&#39;s <code>type</code></td><td>string</td><td>button / submit / reset</td><td>button</td></tr><tr><td>auto-insert-space</td><td>automatically insert a space between two chinese characters</td><td>boolean</td><td></td><td>—</td></tr></tbody></table><h2 id="button-slots" tabindex="-1">Button Slots <a class="header-anchor" href="#button-slots" aria-hidden="true">#</a></h2><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>—</td><td>customize default content</td></tr><tr><td>loading</td><td>customize loading component</td></tr><tr><td>icon</td><td>customize icon component</td></tr></tbody></table><h2 id="button-group-attributes" tabindex="-1">Button-Group Attributes <a class="header-anchor" href="#button-group-attributes" aria-hidden="true">#</a></h2><table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>size</td><td>control the size of buttons in this button-group</td><td>string</td><td>same as button&#39;s size</td><td>—</td></tr><tr><td>type</td><td>control the type of buttons in this button-group</td><td>string</td><td>same as button&#39;s type</td><td>—</td></tr></tbody></table><h2 id="button-group-slots" tabindex="-1">Button-Group Slots <a class="header-anchor" href="#button-group-slots" aria-hidden="true">#</a></h2><table><thead><tr><th>Name</th><th>Description</th><th>Subtags</th></tr></thead><tbody><tr><td>-</td><td>customize button group content</td><td>Button</td></tr></tbody></table><h2 id="source" tabindex="-1">Source <a class="header-anchor" href="#source" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/tree/dev/packages/components/button" target="_blank" rel="noopener noreferrer">Component</a> • <a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/button.md" target="_blank" rel="noopener noreferrer">Docs</a></p><h2 id="contributors" tabindex="-1">Contributors <a class="header-anchor" href="#contributors" aria-hidden="true">#</a></h2><div class="mb-4" data-v-78931949><div class="flex flex-wrap gap-4 pt-2" data-v-78931949><!--[--><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/YunYouJun" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25154432?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 云游君<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/sxzz" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/6481596?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 三咲智子<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/jw-foss" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/15975785?v=4" class="w-8 h-8 rounded-full" data-v-78931949> JeremyWuuuuu<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/chenxch" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23251408?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Xc<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/msidolphin" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/26672484?v=4" class="w-8 h-8 rounded-full" data-v-78931949> msidolphin<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/emojiiii" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30518686?v=4" class="w-8 h-8 rounded-full" data-v-78931949> C.Y.Kun<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/purepear" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/144010?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Delyan Haralanov<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/btea" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/24516654?v=4" class="w-8 h-8 rounded-full" data-v-78931949> btea<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/cokemine" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/45122329?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 神楽坂みずき<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/adaex" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/29560987?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Aex<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/xiaoxian521" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/44761321?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 啝裳<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Ryan2128" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/33176053?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Ryan2128<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/tolking" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23313167?v=4" class="w-8 h-8 rounded-full" data-v-78931949> qiang<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/ryuhangyeong" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/27342882?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 류한경<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/0song" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/82012629?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 0song<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/HerringtonDarkholme" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/2883231?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Herrington Darkholme<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Alanscut" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/21104054?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Alan Wang<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/freedomlang" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/11409069?v=4" class="w-8 h-8 rounded-full" data-v-78931949> blackie<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/iamkun" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/17680888?v=4" class="w-8 h-8 rounded-full" data-v-78931949> iamkun<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/dreambo8563" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/6948318?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Vincent Guo<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Map1en" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/42372070?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Map1en_<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Chris-Kin" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/10802869?v=4" class="w-8 h-8 rounded-full" data-v-78931949> on the field of hope<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Hades-li" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/12124478?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Hades-li<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/muhammadcahya" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/4241620?v=4" class="w-8 h-8 rounded-full" data-v-78931949> muhammadcahya<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/lyh0371" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30796346?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 刘小灰<!--]--><!----></a></div><!--]--></div></div></div></div><footer class="page-footer" data-v-3e2f3e7f><div class="edit" data-v-3e2f3e7f><div class="edit-link" data-v-3e2f3e7f data-v-7d4aa2c8><a class="link text-sm" href="https://github.com/element-plus/element-plus/edit/dev/docs/en-US/component/button.md" target="_blank" rel="noopener noreferrer" data-v-7d4aa2c8>Edit this page on GitHub <i class="el-icon" style="font-size:16px;vertical-align:text-top;line-height:24px;" data-v-7d4aa2c8><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-7d4aa2c8><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg><!--]--></i></a></div></div></footer><div class="next-and-prev-link" data-v-8ad25866><div class="container" data-v-8ad25866><div class="prev" data-v-8ad25866><!----></div><div class="next" data-v-8ad25866><a class="link" href="/en-US/component/border" data-v-8ad25866><span class="text" data-v-8ad25866>Border</span><i class="el-icon ml-1" style="" data-v-8ad25866><!--[--><svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-8ad25866><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-15b0b4d4><nav class="toc-content" data-v-15b0b4d4><h3 class="toc-content__heading" data-v-15b0b4d4>Contents</h3><ul class="toc-items" data-v-15b0b4d4><!--[--><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#basic-usage" title="Basic usage" data-v-15b0b4d4>Basic usage</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#disabled-button" title="Disabled Button" data-v-15b0b4d4>Disabled Button</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#link-button" title="Link Button" data-v-15b0b4d4>Link Button</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#text-button" title="Text Button" data-v-15b0b4d4>Text Button</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#icon-button" title="Icon Button" data-v-15b0b4d4>Icon Button</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#button-group" title="Button Group" data-v-15b0b4d4>Button Group</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#loading-button" title="Loading Button" data-v-15b0b4d4>Loading Button</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#sizes" title="Sizes" data-v-15b0b4d4>Sizes</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#custom-color" title="Custom Color" data-v-15b0b4d4>Custom Color</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#button-attributes" title="Button Attributes" data-v-15b0b4d4>Button Attributes</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#button-slots" title="Button Slots" data-v-15b0b4d4>Button Slots</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#button-group-attributes" title="Button-Group Attributes" data-v-15b0b4d4>Button-Group Attributes</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#button-group-slots" title="Button-Group Slots" data-v-15b0b4d4>Button-Group Slots</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#source" title="Source" data-v-15b0b4d4>Source</a><!----></li><li class="toc-item" data-v-15b0b4d4><a class="toc-link" href="#contributors" title="Contributors" data-v-15b0b4d4>Contributors</a><!----></li><!--]--></ul><div class="toc-marker" data-v-15b0b4d4></div><p class="text-14px font-300 color-$text-color-secondary" data-v-15b0b4d4>Sponsored by</p><div class="join sponsors-button mt-4 w-100%" data-v-15b0b4d4><!--[--><a href="mailto:element-plus@outlook.com" target="_blank" class="el-tooltip__trigger"><button class="el-button" aria-disabled="false" type="button" style="overflow:hidden;"><!--v-if--><span class=""><!--[-->Become a Sponsor!<!--]--></span></button></a><!--teleport start--><!--teleport end--><!--]--></div><div class="m-t-16px flex flex-wrap justify-between" data-v-15b0b4d4><!--[--><a href="https://wonderful-code.gitee.io/?from=element-plus" title="BuildAdmin - Vue3企业级开源后台管理系统" target="_blank"><div class="flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img class="w-65px h-15px" src="/images/sponsors/buildadmin-l.png" alt="BuildAdmin"></div></a><a title="undefined - undefined" target="_blank"><div class="flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><div class="color-#ddd text-13px">Your logo</div></div></a><!--]--></div><div class="m-t-16px" data-v-15b0b4d4><!--[--><a href="https://fantastic-admin.netlify.app/?from=element-plus" title="Fantastic-admin - 开箱即用的 Vue 后台管理框架" target="_blank"><div class="flex bg-#F9F9F9 pl-12px pr-12px pt-16px pb-16px rd-4px"><div class="w-32px m-r-8px h-56px"><img class="mt-2px rd-4px w-32px h-32px" src="/images/sponsors/fantasticadmin.png" alt="Fantastic-admin"></div><div class="flex-1 h-56px"><div class="color-#303133 font-400 text-13px">Fantastic-admin</div><div class="m-t-2px font-400 text-12px color-#909399">An out-of-the-box backend framework</div></div></div></a><!--]--></div></nav></aside></div></main><!----></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"df4a37da\",\"en-us_component_alert.md\":\"60d95f96\",\"en-us_component_avatar.md\":\"a1a7c8b7\",\"en-us_component_backtop.md\":\"5860a6de\",\"en-us_component_badge.md\":\"a23d6067\",\"en-us_component_border.md\":\"975faec3\",\"en-us_component_breadcrumb.md\":\"b126df43\",\"en-us_component_button.md\":\"f73fe118\",\"en-us_component_calendar.md\":\"c0abae2d\",\"en-us_component_card.md\":\"bb6aa21d\",\"en-us_component_carousel.md\":\"f99c24ca\",\"en-us_component_cascader.md\":\"61d3aa8d\",\"en-us_component_checkbox.md\":\"dc315d40\",\"en-us_component_collapse.md\":\"3c74da40\",\"en-us_component_color-picker.md\":\"6f77af84\",\"en-us_component_color.md\":\"d3d7e663\",\"en-us_component_config-provider.md\":\"e2db69cc\",\"en-us_component_container.md\":\"db894f39\",\"en-us_component_date-picker.md\":\"e0988c32\",\"en-us_component_datetime-picker.md\":\"790192c6\",\"en-us_component_descriptions.md\":\"7c12715c\",\"en-us_component_dialog.md\":\"d89a2d66\",\"en-us_component_divider.md\":\"b4ca6945\",\"en-us_component_drawer.md\":\"af2fcb62\",\"en-us_component_dropdown.md\":\"ad37fa20\",\"en-us_component_empty.md\":\"553df257\",\"en-us_component_form.md\":\"51b73727\",\"en-us_component_icon.md\":\"9943b5f3\",\"en-us_component_image.md\":\"d826b6d9\",\"en-us_component_infinite-scroll.md\":\"a5596d0c\",\"en-us_component_input-number.md\":\"ffd5d930\",\"en-us_component_input.md\":\"a55e56e3\",\"en-us_component_layout.md\":\"32e06aed\",\"en-us_component_link.md\":\"ea15fe13\",\"en-us_component_loading.md\":\"0691078b\",\"en-us_component_menu.md\":\"95fa37dd\",\"en-us_component_message-box.md\":\"7cf80a58\",\"en-us_component_message.md\":\"3e7950a6\",\"en-us_component_notification.md\":\"7b00e5de\",\"en-us_component_page-header.md\":\"d9901630\",\"en-us_component_pagination.md\":\"e325e7b5\",\"en-us_component_popconfirm.md\":\"8ba408e7\",\"en-us_component_popover.md\":\"c0c6be37\",\"en-us_component_progress.md\":\"4f83d528\",\"en-us_component_radio.md\":\"32d02199\",\"en-us_component_rate.md\":\"d262b580\",\"en-us_component_result.md\":\"56665edc\",\"en-us_component_scrollbar.md\":\"42fa6535\",\"en-us_component_select-v2.md\":\"50253e6c\",\"en-us_component_select.md\":\"278509fd\",\"en-us_component_skeleton.md\":\"f79a251c\",\"en-us_component_slider.md\":\"76b2ff9a\",\"en-us_component_space.md\":\"d244d526\",\"en-us_component_steps.md\":\"38101c4a\",\"en-us_component_switch.md\":\"a3b730cd\",\"en-us_component_table-v2.md\":\"454fcf81\",\"en-us_component_table.md\":\"b255ad47\",\"en-us_component_tabs.md\":\"bb5e53e1\",\"en-us_component_tag.md\":\"a5048ba9\",\"en-us_component_time-picker.md\":\"f59ed6f3\",\"en-us_component_time-select.md\":\"1d152971\",\"en-us_component_timeline.md\":\"75281984\",\"en-us_component_tooltip-v2.md\":\"08ac9136\",\"en-us_component_tooltip.md\":\"31f4c03b\",\"en-us_component_transfer.md\":\"9e7004a6\",\"en-us_component_tree-select.md\":\"bb028c63\",\"en-us_component_tree-v2.md\":\"1a44ff24\",\"en-us_component_tree.md\":\"85335456\",\"en-us_component_typography.md\":\"fb596545\",\"en-us_component_upload.md\":\"8cc224f3\",\"en-us_guide_changelog.md\":\"290f1a0a\",\"en-us_guide_dark-mode.md\":\"304a7e72\",\"en-us_guide_design.md\":\"e6f745fc\",\"en-us_guide_i18n.md\":\"e2fa1e31\",\"en-us_guide_installation.md\":\"73786fdf\",\"en-us_guide_migration.md\":\"34ebc076\",\"en-us_guide_namespace.md\":\"1d7a62c3\",\"en-us_guide_nav.md\":\"574082d4\",\"en-us_guide_quickstart.md\":\"384bbff6\",\"en-us_guide_theming.md\":\"b9dfd867\",\"en-us_guide_transitions.md\":\"3b9f4b4b\",\"en-us_index.md\":\"6a7d6228\",\"en-us_resource_index.md\":\"24ade0ea\",\"es-es_component_affix.md\":\"4a2fe240\",\"es-es_component_alert.md\":\"30bea5e5\",\"es-es_component_avatar.md\":\"7a290322\",\"es-es_component_backtop.md\":\"a96cf653\",\"es-es_component_badge.md\":\"fd884f29\",\"es-es_component_border.md\":\"7603892d\",\"es-es_component_breadcrumb.md\":\"768879cf\",\"es-es_component_button.md\":\"ff3c26cc\",\"es-es_component_calendar.md\":\"305f9cee\",\"es-es_component_card.md\":\"1ace7413\",\"es-es_component_carousel.md\":\"901e3728\",\"es-es_component_cascader.md\":\"37265f10\",\"es-es_component_checkbox.md\":\"40d6b247\",\"es-es_component_collapse.md\":\"86e9de77\",\"es-es_component_color-picker.md\":\"310468cf\",\"es-es_component_color.md\":\"e39dc23e\",\"es-es_component_config-provider.md\":\"6aab271f\",\"es-es_component_container.md\":\"dda4fedd\",\"es-es_component_date-picker.md\":\"2aabaa79\",\"es-es_component_datetime-picker.md\":\"a7a5e492\",\"es-es_component_descriptions.md\":\"6fa916ea\",\"es-es_component_dialog.md\":\"f2b384c0\",\"es-es_component_divider.md\":\"8a726dda\",\"es-es_component_drawer.md\":\"f91e7753\",\"es-es_component_dropdown.md\":\"f06a4e2e\",\"es-es_component_empty.md\":\"c477c663\",\"es-es_component_form.md\":\"fdc585de\",\"es-es_component_icon.md\":\"b94f6fe9\",\"es-es_component_image.md\":\"ca256aec\",\"es-es_component_infinite-scroll.md\":\"f7266b8a\",\"es-es_component_input-number.md\":\"d072c01f\",\"es-es_component_input.md\":\"e66a437f\",\"es-es_component_layout.md\":\"23085874\",\"es-es_component_link.md\":\"67b954b1\",\"es-es_component_loading.md\":\"97f157e6\",\"es-es_component_menu.md\":\"da1a622c\",\"es-es_component_message-box.md\":\"30830ee5\",\"es-es_component_message.md\":\"fd85a8f1\",\"es-es_component_notification.md\":\"1c24da0d\",\"es-es_component_page-header.md\":\"20c7d8e6\",\"es-es_component_pagination.md\":\"47e49f33\",\"es-es_component_popconfirm.md\":\"bd65b741\",\"es-es_component_popover.md\":\"d25e50f6\",\"es-es_component_progress.md\":\"71ad4a34\",\"es-es_component_radio.md\":\"716b7e97\",\"es-es_component_rate.md\":\"a933ce9c\",\"es-es_component_result.md\":\"0b085051\",\"es-es_component_scrollbar.md\":\"300456f1\",\"es-es_component_select-v2.md\":\"22a90b97\",\"es-es_component_select.md\":\"077fa9e4\",\"es-es_component_skeleton.md\":\"24727b91\",\"es-es_component_slider.md\":\"c7aef147\",\"es-es_component_space.md\":\"e0368cda\",\"es-es_component_steps.md\":\"ba95e069\",\"es-es_component_switch.md\":\"ceba3390\",\"es-es_component_table-v2.md\":\"0b0fda95\",\"es-es_component_table.md\":\"c83eb486\",\"es-es_component_tabs.md\":\"e5f3342a\",\"es-es_component_tag.md\":\"29f68e0c\",\"es-es_component_time-picker.md\":\"ab76c00a\",\"es-es_component_time-select.md\":\"90a81054\",\"es-es_component_timeline.md\":\"e31f1cbe\",\"es-es_component_tooltip-v2.md\":\"38bc8a47\",\"es-es_component_tooltip.md\":\"af7c61fa\",\"es-es_component_transfer.md\":\"67ac0db6\",\"es-es_component_tree-select.md\":\"eab5904e\",\"es-es_component_tree-v2.md\":\"30035bff\",\"es-es_component_tree.md\":\"12596d9e\",\"es-es_component_typography.md\":\"5fdc8480\",\"es-es_component_upload.md\":\"61fc6e03\",\"es-es_guide_changelog.md\":\"86278548\",\"es-es_guide_dark-mode.md\":\"3832381e\",\"es-es_guide_design.md\":\"301e1886\",\"es-es_guide_i18n.md\":\"f0a7799b\",\"es-es_guide_installation.md\":\"31a8e977\",\"es-es_guide_migration.md\":\"161a6241\",\"es-es_guide_namespace.md\":\"499df068\",\"es-es_guide_nav.md\":\"caac628a\",\"es-es_guide_quickstart.md\":\"daa6fdcc\",\"es-es_guide_theming.md\":\"97bd058a\",\"es-es_guide_transitions.md\":\"c310eb43\",\"es-es_index.md\":\"a55a13e0\",\"es-es_resource_index.md\":\"2b9a253d\",\"index.md\":\"4895c74f\",\"zh-cn_component_affix.md\":\"f951b741\",\"zh-cn_component_alert.md\":\"bb2c7d4f\",\"zh-cn_component_avatar.md\":\"538de86d\",\"zh-cn_component_backtop.md\":\"164a7a59\",\"zh-cn_component_badge.md\":\"879e0d03\",\"zh-cn_component_border.md\":\"f376a651\",\"zh-cn_component_breadcrumb.md\":\"f5a08975\",\"zh-cn_component_button.md\":\"58e015f2\",\"zh-cn_component_calendar.md\":\"5bf4d32f\",\"zh-cn_component_card.md\":\"589c0b30\",\"zh-cn_component_carousel.md\":\"dae6584a\",\"zh-cn_component_cascader.md\":\"b0c8965a\",\"zh-cn_component_checkbox.md\":\"b5a5f315\",\"zh-cn_component_collapse.md\":\"60be1d95\",\"zh-cn_component_color-picker.md\":\"214ce7e1\",\"zh-cn_component_color.md\":\"cc3be769\",\"zh-cn_component_config-provider.md\":\"b28afc63\",\"zh-cn_component_container.md\":\"c1028a3b\",\"zh-cn_component_date-picker.md\":\"be7e802f\",\"zh-cn_component_datetime-picker.md\":\"613de8af\",\"zh-cn_component_descriptions.md\":\"0908dd41\",\"zh-cn_component_dialog.md\":\"08f34a48\",\"zh-cn_component_divider.md\":\"4d6d5534\",\"zh-cn_component_drawer.md\":\"59632b15\",\"zh-cn_component_dropdown.md\":\"58573d17\",\"zh-cn_component_empty.md\":\"10fd3525\",\"zh-cn_component_form.md\":\"047e1257\",\"zh-cn_component_icon.md\":\"ef0862f2\",\"zh-cn_component_image.md\":\"c25a8b16\",\"zh-cn_component_infinite-scroll.md\":\"2458bf24\",\"zh-cn_component_input-number.md\":\"1b94d2fd\",\"zh-cn_component_input.md\":\"fed31fda\",\"zh-cn_component_layout.md\":\"c896fd4a\",\"zh-cn_component_link.md\":\"34a74b84\",\"zh-cn_component_loading.md\":\"976ac014\",\"zh-cn_component_menu.md\":\"6db85ab4\",\"zh-cn_component_message-box.md\":\"4939d7b4\",\"zh-cn_component_message.md\":\"b8f7a8ad\",\"zh-cn_component_notification.md\":\"c5626971\",\"zh-cn_component_page-header.md\":\"dff2a5b7\",\"zh-cn_component_pagination.md\":\"b007d86a\",\"zh-cn_component_popconfirm.md\":\"85bdf027\",\"zh-cn_component_popover.md\":\"6c9c4adb\",\"zh-cn_component_progress.md\":\"0c3fe0a5\",\"zh-cn_component_radio.md\":\"4b687b9e\",\"zh-cn_component_rate.md\":\"dca05f5f\",\"zh-cn_component_result.md\":\"e01aefec\",\"zh-cn_component_scrollbar.md\":\"0766fa79\",\"zh-cn_component_select-v2.md\":\"d9cf5756\",\"zh-cn_component_select.md\":\"74121c46\",\"zh-cn_component_skeleton.md\":\"c3d0ab4f\",\"zh-cn_component_slider.md\":\"31ae07dd\",\"zh-cn_component_space.md\":\"cb690a76\",\"zh-cn_component_steps.md\":\"daa6819f\",\"zh-cn_component_switch.md\":\"305b9f8f\",\"zh-cn_component_table-v2.md\":\"50e601d6\",\"zh-cn_component_table.md\":\"d3aabbe8\",\"zh-cn_component_tabs.md\":\"ff1f30df\",\"zh-cn_component_tag.md\":\"8d251e2c\",\"zh-cn_component_time-picker.md\":\"eff63d6e\",\"zh-cn_component_time-select.md\":\"09fd8ecc\",\"zh-cn_component_timeline.md\":\"e26c2453\",\"zh-cn_component_tooltip-v2.md\":\"8309b414\",\"zh-cn_component_tooltip.md\":\"6fa19628\",\"zh-cn_component_transfer.md\":\"5ed96635\",\"zh-cn_component_tree-select.md\":\"82185078\",\"zh-cn_component_tree-v2.md\":\"a0ec2765\",\"zh-cn_component_tree.md\":\"0f264b62\",\"zh-cn_component_typography.md\":\"1fdafca1\",\"zh-cn_component_upload.md\":\"917875c9\",\"zh-cn_guide_changelog.md\":\"f593b772\",\"zh-cn_guide_dark-mode.md\":\"68695a1e\",\"zh-cn_guide_design.md\":\"56876aef\",\"zh-cn_guide_i18n.md\":\"fbc949bb\",\"zh-cn_guide_installation.md\":\"5f88df65\",\"zh-cn_guide_migration.md\":\"30e00994\",\"zh-cn_guide_namespace.md\":\"104fde8b\",\"zh-cn_guide_nav.md\":\"d3f60314\",\"zh-cn_guide_quickstart.md\":\"9f163859\",\"zh-cn_guide_theming.md\":\"581c6fcc\",\"zh-cn_guide_transitions.md\":\"c1e01c8a\",\"zh-cn_index.md\":\"08d14300\",\"zh-cn_resource_index.md\":\"0f8f2c15\"}")</script>
<script type="module" async src="/assets/app.b4c9555e.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink