mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 21:04:21 +08:00
Updates
This commit is contained in:
Dragos
parent
42ef38b9b5
commit
96a3d41353
@ -10,11 +10,11 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><div class="content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/vue-material-kit/documentation/" class="router-link-active">Take me home.</a></div></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="active sidebar-link">Badge</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/badge.html#badges-color" class="sidebar-link">Badges Color</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="badge"><a href="#badge" aria-hidden="true" class="header-anchor">#</a> Badge</h1> <p>To use the custom button you need to import the custom made component, you can easily use it like this:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span>Badge<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@/components'</span>
|
||||
</code></pre></div><h3 id="local-usage"><a href="#local-usage" aria-hidden="true" class="header-anchor">#</a> Local Usage</h3> <div class="language-js extra-class"><pre class="language-js"><code>components<span class="token punctuation">:</span> <span class="token punctuation">{</span>
|
||||
@ -43,6 +43,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/5.8040b94d.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/5.8040b94d.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/6.066b0424.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/6.066b0424.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="active sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="brand-colors"><a href="#brand-colors" aria-hidden="true" class="header-anchor">#</a> Brand Colors</h1> <ol><li><p>You can find the colors in <code>assets/scss/material-kit/_variables.scss</code> starting with line 28 where is the primary color set: <code>$brand-primary: $purple !default;</code>.</p></li> <li><p>All the possible colors are in <code>assets/scss/material-kit/_colors.scss</code>.</p></li></ol></div> <div class="page-edit"><!----> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
@ -27,6 +27,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/6.066b0424.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/6.066b0424.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="active sidebar-link">Buttons</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/buttons.html#colors" class="sidebar-link">Colors</a></li><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/buttons.html#style-buttons" class="sidebar-link">Style Buttons</a></li><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/buttons.html#sizes" class="sidebar-link">Sizes</a></li><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/buttons.html#extra-mile" class="sidebar-link">Extra Mile</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="buttons"><a href="#buttons" aria-hidden="true" class="header-anchor">#</a> Buttons</h1> <p>To use the custom button you don't need to import the custom made component, you can easily use it like this:</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-button</span><span class="token punctuation">></span></span>
|
||||
Button
|
||||
@ -48,6 +48,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/7.3f349b92.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/7.3f349b92.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,20 +10,20 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="active sidebar-link">Cards</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/cards.html#login-card" class="sidebar-link">Login card</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="cards"><a href="#cards" aria-hidden="true" class="header-anchor">#</a> Cards</h1> <p>We think cards are one of the best ways to organise your information. We went all out with possibilities and we recommended finding the right fit for your product.</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span>LoginCard<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@/components'</span>
|
||||
</code></pre></div><h3 id="local-usage"><a href="#local-usage" aria-hidden="true" class="header-anchor">#</a> Local Usage</h3> <div class="language-js extra-class"><pre class="language-js"><code>components<span class="token punctuation">:</span> <span class="token punctuation">{</span>
|
||||
LoginCard
|
||||
<span class="token punctuation">}</span>
|
||||
</code></pre></div><h3 id="global-usage"><a href="#global-usage" aria-hidden="true" class="header-anchor">#</a> Global Usage</h3> <div class="language-js extra-class"><pre class="language-js"><code>Vue<span class="token punctuation">.</span><span class="token function">component</span><span class="token punctuation">(</span>LoginCard<span class="token punctuation">)</span>
|
||||
</code></pre></div><h2 id="login-card"><a href="#login-card" aria-hidden="true" class="header-anchor">#</a> Login card</h2> <div class="demo-block demo-box demo-component-docs demo-cards.html"><div class="source"><div class="md-card md-card-login md-theme-default md-card-hidden"><div class="md-card-header md-card-header-green"><h4 class="title">Log in</h4> <div class="social-line"><a href="/vue-material-kit/documentation/component-docs/cards.html#facebook" class="md-button md-just-icon md-simple md-white md-theme-default"><div class="md-ripple"><div class="md-button-content"><i class="fab fa-facebook-square"></i></div> </div></a> <a href="/vue-material-kit/documentation/component-docs/cards.html#twitter" class="md-button md-just-icon md-simple md-white md-theme-default"><div class="md-ripple"><div class="md-button-content"><i class="fab fa-twitter"></i></div> </div></a> <a href="/vue-material-kit/documentation/component-docs/cards.html#google" class="md-button md-just-icon md-simple md-white md-theme-default"><div class="md-ripple"><div class="md-button-content"><i class="fab fa-google-plus-g"></i></div> </div></a></div></div> <div class="md-card-content"><p class="description">Or Be Classical</p> <div class="md-field md-form-group md-theme-default"><i class="md-icon md-icon-font md-theme-default">face</i> <label>First Name...</label> <input type="text" id="md-input-uwiw1erdk" class="md-input"> <!----> <!----> <!----></div> <div class="md-field md-form-group md-theme-default"><i class="md-icon md-icon-font md-theme-default">email</i> <label>Email...</label> <input type="email" id="md-input-7h8h61j7" class="md-input"> <!----> <!----> <!----></div> <div class="md-field md-form-group md-theme-default"><i class="md-icon md-icon-font md-theme-default">lock_outline</i> <label>Password...</label> <input type="text" id="md-input-40en599jf" class="md-input"> <!----> <!----> <!----></div></div> <div class="md-card-actions md-alignment-right"><button type="button" class="md-button md-simple md-success md-lg md-theme-default"><div class="md-ripple"><div class="md-button-content">
|
||||
</code></pre></div><h2 id="login-card"><a href="#login-card" aria-hidden="true" class="header-anchor">#</a> Login card</h2> <div class="demo-block demo-box demo-component-docs demo-cards.html"><div class="source"><div class="md-card md-card-login md-theme-default md-card-hidden"><div class="md-card-header md-card-header-green"><h4 class="title">Log in</h4> <div class="social-line"><a href="/vue-material-kit/documentation/component-docs/cards.html#facebook" class="md-button md-just-icon md-simple md-white md-theme-default"><div class="md-ripple"><div class="md-button-content"><i class="fab fa-facebook-square"></i></div> </div></a> <a href="/vue-material-kit/documentation/component-docs/cards.html#twitter" class="md-button md-just-icon md-simple md-white md-theme-default"><div class="md-ripple"><div class="md-button-content"><i class="fab fa-twitter"></i></div> </div></a> <a href="/vue-material-kit/documentation/component-docs/cards.html#google" class="md-button md-just-icon md-simple md-white md-theme-default"><div class="md-ripple"><div class="md-button-content"><i class="fab fa-google-plus-g"></i></div> </div></a></div></div> <div class="md-card-content"><p class="description">Or Be Classical</p> <div class="md-field md-form-group md-theme-default"><i class="md-icon md-icon-font md-theme-default">face</i> <label>First Name...</label> <input type="text" id="md-input-y6aif5rf" class="md-input"> <!----> <!----> <!----></div> <div class="md-field md-form-group md-theme-default"><i class="md-icon md-icon-font md-theme-default">email</i> <label>Email...</label> <input type="email" id="md-input-ipkasafvh" class="md-input"> <!----> <!----> <!----></div> <div class="md-field md-form-group md-theme-default"><i class="md-icon md-icon-font md-theme-default">lock_outline</i> <label>Password...</label> <input type="text" id="md-input-d5lczftg" class="md-input"> <!----> <!----> <!----></div></div> <div class="md-card-actions md-alignment-right"><button type="button" class="md-button md-simple md-success md-lg md-theme-default"><div class="md-ripple"><div class="md-button-content">
|
||||
Lets Go
|
||||
</div> </div></button></div></div> <div><!----></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>login-card</span> <span class="token attr-name">header-color</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>green<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
@ -85,6 +85,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/8.77ad75e1.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/8.77ad75e1.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="active sidebar-link">Dropdown</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="dropdown"><a href="#dropdown" aria-hidden="true" class="header-anchor">#</a> Dropdown</h1> <p>To use the custom dropdown you don't need to import the custom made component because it's global registered, so you can use it like this:</p> <h3 id="as-list-item"><a href="#as-list-item" aria-hidden="true" class="header-anchor">#</a> As List Item</h3> <div class="demo-block demo-box demo-component-docs demo-dropdown.html"><div class="source"><div class="md-list"><li class="md-list-item"><a href="javascript:void(0)" class="md-list-item-router md-list-item-container md-button-clean dropdown"><div class="md-list-item-content"><div class="dropdown"><button type="button" data-toggle="dropdown" class="md-button md-button md-button-link md-simple dropdown-toggle md-theme-default"><div class="md-ripple"><div class="md-button-content"><i class="material-icons">apps</i> <p>Components</p></div> </div></button> <ul class="dropdown-menu dropdown-with-icons"><li><a href="javascript:void(0)"><i class="material-icons">layers</i> <p>All Components</p></a></li> <li><a href="javascript:void(0)"><i class="material-icons">content_paste</i> <p>Documentation</p></a></li></ul></div></div></a></li></div> <div><!----></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>md-list<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
|
||||
@ -59,6 +59,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/11.9f012a55.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/11.9f012a55.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,15 +10,15 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="active sidebar-link">Inputs</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/inputs.html#colors" class="sidebar-link">Colors</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="inputs"><a href="#inputs" aria-hidden="true" class="header-anchor">#</a> Inputs</h1> <p>To use the custom form group inputs you don't need to import the custom made component, you can use it like this:</p> <div class="demo-block demo-box demo-component-docs demo-inputs.html"><div class="source"><div class="md-field md-theme-default"><label>Initial Value</label> <input type="text" id="md-input-84vto0ka" value="Initial Value" class="md-input"> <!----> <!----> <!----></div> <div class="md-field md-theme-default"><label>Type here!</label> <input type="text" id="md-input-67dajuox" class="md-input"> <span class="md-helper-text">Helper text</span> <!----> <!----> <!----></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-field</span><span class="token punctuation">></span></span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="active sidebar-link">Inputs</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/inputs.html#colors" class="sidebar-link">Colors</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="inputs"><a href="#inputs" aria-hidden="true" class="header-anchor">#</a> Inputs</h1> <p>To use the custom form group inputs you don't need to import the custom made component, you can use it like this:</p> <div class="demo-block demo-box demo-component-docs demo-inputs.html"><div class="source"><div class="md-field md-theme-default"><label>Initial Value</label> <input type="text" id="md-input-pp46f4hv4" value="Initial Value" class="md-input"> <!----> <!----> <!----></div> <div class="md-field md-theme-default"><label>Type here!</label> <input type="text" id="md-input-q8qs38gnwj" class="md-input"> <span class="md-helper-text">Helper text</span> <!----> <!----> <!----></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-field</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span>Initial Value<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-input</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>initial<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-input</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-field</span><span class="token punctuation">></span></span>
|
||||
@ -48,6 +48,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/12.72f13aa5.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/12.72f13aa5.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading open"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="active sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="license"><a href="#license" aria-hidden="true" class="header-anchor">#</a> License</h1> <p>Currently, on <a href="https://www.creative-tim.com/" target="_blank" rel="noopener noreferrer">Creative Tim<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> you can get the products with three types of licenses: MIT License, Personal License or Developer License. All the freebies are licensed to MIT License as default. If you are making a paid purchase, be sure to go through the table with the rights and the guidelines, so you can know what license is the best fit for you (Personal License or Developer License). View the rights table and the description for each license on our <a href="https://www.creative-tim.com/license" target="_blank" rel="noopener noreferrer">Official License Page<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>.</p></div> <div class="page-edit"><!----> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
←
|
||||
@ -27,6 +27,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/13.97ddeef0.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/13.97ddeef0.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="active sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="material-icons"><a href="#material-icons" aria-hidden="true" class="header-anchor">#</a> Material Icons</h1> <p>Through most of the examples in this dashboard, we have used the default Icons for the Material Design provided by Google. You can easily use them like this:</p> <div class="demo-block demo-box demo-component-docs demo-material-icons.html"><div class="source"><i class="md-icon md-icon-font md-theme-default">favorite</i></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-icon</span><span class="token punctuation">></span></span>favorite<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-icon</span><span class="token punctuation">></span></span>
|
||||
</code></pre></div></div></div> <div class="demo-block-control"><i class="el-icon-caret-bottom"></i> <span class="showText" style="display:none;">Show</span></div></div> <blockquote><p>Note: for more details about the icons please see the <strong>Icon</strong> section from <a href="https://vuematerial.io/components/icon" target="_blank" rel="noopener noreferrer">vuematerial.io<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p></blockquote></div> <div class="page-edit"><!----> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
|
||||
@ -28,6 +28,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/14.16b675c8.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/14.16b675c8.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="active sidebar-link">Modal</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/modal.html#clasic-modal" class="sidebar-link">Clasic Modal</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="modal"><a href="#modal" aria-hidden="true" class="header-anchor">#</a> Modal</h1> <p>If you want to display some content on demand in a very subtle way, the Vue Material Kit Modal is the perfect choice for this. We created custom modal component and you can easily use it like this:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span>Modal<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@/components'</span>
|
||||
</code></pre></div><h3 id="local-usage"><a href="#local-usage" aria-hidden="true" class="header-anchor">#</a> Local Usage</h3> <div class="language-js extra-class"><pre class="language-js"><code>components<span class="token punctuation">:</span> <span class="token punctuation">{</span>
|
||||
@ -53,6 +53,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/16.1f191b85.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/16.1f191b85.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="active sidebar-link">Notifications</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="notifications"><a href="#notifications" aria-hidden="true" class="header-anchor">#</a> Notifications</h1> <p>We crafted a simple yet effective notifications alert.</p> <h3 id="trigger-notifications"><a href="#trigger-notifications" aria-hidden="true" class="header-anchor">#</a> Trigger Notifications</h3> <div class="demo-block demo-box demo-component-docs demo-notifications.html"><div class="source"><div class="wrapper"><div id="notifications"><div class="alert alert-info"><div class="container"><button type="button" aria-hidden="true" class="close"><i class="md-icon md-icon-font md-theme-default">clear</i></button> <div class="alert-icon"><i class="md-icon md-icon-font md-theme-default">info_outline</i></div> <b> INFO ALERT </b> : You've got some friends nearby, stop looking at your phone and find them...
|
||||
</div></div> <div class="alert alert-success"><div class="container"><button type="button" aria-hidden="true" class="close"><i class="md-icon md-icon-font md-theme-default">clear</i></button> <div class="alert-icon"><i class="md-icon md-icon-font md-theme-default">check</i></div> <b> SUCCESS ALERT </b> : Yuhuuu! You've got your $11.99 album from The Weeknd
|
||||
@ -99,6 +99,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/17.99e742ae.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/17.99e742ae.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="active sidebar-link">Pagination</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/pagination.html#default-pagination" class="sidebar-link">Default Pagination</a></li><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/pagination.html#with-arrows-pagination" class="sidebar-link">With Arrows Pagination</a></li><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/pagination.html#colors-pagination" class="sidebar-link">Colors Pagination</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="pagination"><a href="#pagination" aria-hidden="true" class="header-anchor">#</a> Pagination</h1> <p>To use the custom pagination you need to import the custom made component, you can easily use it like this:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span>Pagination<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'@/components'</span>
|
||||
</code></pre></div><h3 id="local-usage"><a href="#local-usage" aria-hidden="true" class="header-anchor">#</a> Local Usage</h3> <div class="language-js extra-class"><pre class="language-js"><code>components<span class="token punctuation">:</span> <span class="token punctuation">{</span>
|
||||
@ -112,6 +112,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/18.deb01faf.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/18.deb01faf.js" defer></script><script src="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -10,15 +10,15 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="active sidebar-link">Switch</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/switch.html#simple-example" class="sidebar-link">Simple Example</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="switch"><a href="#switch" aria-hidden="true" class="header-anchor">#</a> Switch</h1> <p>To use the custom switch you don't need to import component, you can easily use it like this:</p> <h2 id="simple-example"><a href="#simple-example" aria-hidden="true" class="header-anchor">#</a> Simple Example</h2> <div class="demo-block demo-box demo-component-docs demo-switch.html"><div class="source"><div class="md-switch md-theme-default md-checked"><div class="md-switch-container"><div class="md-switch-thumb"><div class="md-ripple"><input id="md-switch-j4n5cg27" type="checkbox"> </div></div></div> <label for="md-switch-j4n5cg27" class="md-switch-label">Toogle is on</label></div> <div class="md-switch md-theme-default"><div class="md-switch-container"><div class="md-switch-thumb"><div class="md-ripple"><input id="md-switch-p9xszalym" type="checkbox"> </div></div></div> <label for="md-switch-p9xszalym" class="md-switch-label">Toogle is off</label></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="active sidebar-link">Switch</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/switch.html#simple-example" class="sidebar-link">Simple Example</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="switch"><a href="#switch" aria-hidden="true" class="header-anchor">#</a> Switch</h1> <p>To use the custom switch you don't need to import component, you can easily use it like this:</p> <h2 id="simple-example"><a href="#simple-example" aria-hidden="true" class="header-anchor">#</a> Simple Example</h2> <div class="demo-block demo-box demo-component-docs demo-switch.html"><div class="source"><div class="md-switch md-theme-default md-checked"><div class="md-switch-container"><div class="md-switch-thumb"><div class="md-ripple"><input id="md-switch-6zxtfwk5o" type="checkbox"> </div></div></div> <label for="md-switch-6zxtfwk5o" class="md-switch-label">Toogle is on</label></div> <div class="md-switch md-theme-default"><div class="md-switch-container"><div class="md-switch-thumb"><div class="md-ripple"><input id="md-switch-dxtal4hns" type="checkbox"> </div></div></div> <label for="md-switch-dxtal4hns" class="md-switch-label">Toogle is off</label></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-switch</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>switch1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Toogle is on<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-switch</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-switch</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>switch2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Toogle is off<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-switch</span><span class="token punctuation">></span></span>
|
||||
|
||||
@ -44,6 +44,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="active sidebar-link">Tabs</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-material-kit/documentation/component-docs/tabs.html#nav-tabs-card" class="sidebar-link">Nav Tabs Card</a></li></ul></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="tabs"><a href="#tabs" aria-hidden="true" class="header-anchor">#</a> Tabs</h1> <p>If you have information that you don't need to show at once, we suggest you use tabs. We carefully re-styled the custom tabs component from vuematerial.io which you can easily use.</p> <p>In order to use the tabs, import the necessary components:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">import</span> <span class="token punctuation">{</span>NavTabsCard<span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'src/components'</span>
|
||||
</code></pre></div><h3 id="global-usage"><a href="#global-usage" aria-hidden="true" class="header-anchor">#</a> Global Usage</h3> <div class="language-js extra-class"><pre class="language-js"><code>Vue<span class="token punctuation">.</span><span class="token function">component</span><span class="token punctuation">(</span>NavTabsCard<span class="token punctuation">)</span>
|
||||
@ -89,6 +89,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/21.26e1bb43.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/21.26e1bb43.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,15 +10,15 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="active sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="textarea"><a href="#textarea" aria-hidden="true" class="header-anchor">#</a> Textarea</h1> <p>To use the custom form group inputs you don't need to import the custom made component, you can use it like this:</p> <div class="demo-block demo-box demo-component-docs demo-textarea.html"><div class="source"><div class="md-field md-theme-default"><label>About Me</label> <textarea id="md-textarea-yjs46c1se" class="md-textarea" style="height:false;">null</textarea> <!----> <!----> <!----></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-field</span><span class="token punctuation">></span></span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="active sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="textarea"><a href="#textarea" aria-hidden="true" class="header-anchor">#</a> Textarea</h1> <p>To use the custom form group inputs you don't need to import the custom made component, you can use it like this:</p> <div class="demo-block demo-box demo-component-docs demo-textarea.html"><div class="source"><div class="md-field md-theme-default"><label>About Me</label> <textarea id="md-textarea-9js59zmu5" class="md-textarea" style="height:false;">null</textarea> <!----> <!----> <!----></div></div> <div class="meta"><!----> <div class="highlight"><div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-field</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span>About Me<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-textarea</span> <span class="token attr-name">v-model</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>aboutme<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-textarea</span><span class="token punctuation">></span></span>
|
||||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-field</span><span class="token punctuation">></span></span>
|
||||
@ -38,6 +38,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -10,13 +10,13 @@
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/vue-material-kit/documentation/favicon.png">
|
||||
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.914f6f1f.css">
|
||||
<link rel="preload" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/24.a41d0443.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.6a6f0250.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/1.46824b2a.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.fedfbb40.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.68a7d7ff.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.22c17bda.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8040b94d.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.066b0424.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.3f349b92.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.77ad75e1.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.ce6815de.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.9f012a55.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.72f13aa5.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.97ddeef0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.16b675c8.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.ca2fa530.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.1f191b85.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.99e742ae.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.deb01faf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.59d4e6aa.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.3cb2bb31.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/21.26e1bb43.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.ff0f07bf.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.f9017902.js">
|
||||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/1.styles.46824b2a.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/2.styles.fedfbb40.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/3.styles.68a7d7ff.css"><link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/styles.2546f5b3.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-material-kit/documentation/" class="home-link router-link-active"><!----> <span class="site-name">Vue Material Kit</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.0</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-material-kit/documentation/#" class="nav-link">v1.0.1</a></div> <a href="https://github.com/creativetimofficial/vue-material-kit" target="_blank" rel="noopener noreferrer" class="repo-link">
|
||||
GitHub
|
||||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav> <ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading"><span>General Information</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/" class="sidebar-link">Short Description and Usage</a></li><li><a href="/vue-material-kit/documentation/component-docs/license.html" class="sidebar-link">License</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading open"><span>Components</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/vue-material-kit/documentation/component-docs/buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/vue-material-kit/documentation/component-docs/cards.html" class="sidebar-link">Cards</a></li><li><a href="/vue-material-kit/documentation/component-docs/checkboxes.html" class="sidebar-link">Checkboxes</a></li><li><a href="/vue-material-kit/documentation/component-docs/radios.html" class="sidebar-link">Radios</a></li><li><a href="/vue-material-kit/documentation/component-docs/dropdown.html" class="sidebar-link">Dropdown</a></li><li><a href="/vue-material-kit/documentation/component-docs/inputs.html" class="sidebar-link">Inputs</a></li><li><a href="/vue-material-kit/documentation/component-docs/textarea.html" class="sidebar-link">Textarea</a></li><li><a href="/vue-material-kit/documentation/component-docs/notifications.html" class="sidebar-link">Notifications</a></li><li><a href="/vue-material-kit/documentation/component-docs/tabs.html" class="sidebar-link">Tabs</a></li><li><a href="/vue-material-kit/documentation/component-docs/switch.html" class="sidebar-link">Switch</a></li><li><a href="/vue-material-kit/documentation/component-docs/brand-colors.html" class="sidebar-link">Brand Colors</a></li><li><a href="/vue-material-kit/documentation/component-docs/date-pickers.html" class="sidebar-link">Date Pickers</a></li><li><a href="/vue-material-kit/documentation/component-docs/modal.html" class="sidebar-link">Modal</a></li><li><a href="/vue-material-kit/documentation/component-docs/pagination.html" class="sidebar-link">Pagination</a></li><li><a href="/vue-material-kit/documentation/component-docs/tooltips.html" class="active sidebar-link">Tooltips</a></li><li><a href="/vue-material-kit/documentation/component-docs/mobile-menu.html" class="sidebar-link">Mobile Menu</a></li><li><a href="/vue-material-kit/documentation/component-docs/badge.html" class="sidebar-link">Badge</a></li><li><a href="/vue-material-kit/documentation/component-docs/material-icons.html" class="sidebar-link">Material Icons</a></li><li><a href="/vue-material-kit/documentation/component-docs/toolbar.html" class="sidebar-link">Toolbar</a></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="tooltips"><a href="#tooltips" aria-hidden="true" class="header-anchor">#</a> Tooltips</h1> <p>We used, Tooltip from vuematerial.io and customized the look of it. It's a really handy component and can be integrated very easily.</p> <div class="demo-block demo-box demo-component-docs demo-tooltips.html"><div class="source"><button type="button" class="md-button md-primary md-theme-default"><div class="md-ripple"><div class="md-button-content">
|
||||
Tooltip on top
|
||||
@ -51,6 +51,6 @@
|
||||
</a>
|
||||
→
|
||||
</span></p></div> </div> <!----></div></div>
|
||||
<script src="/vue-material-kit/documentation/assets/js/24.a41d0443.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.914f6f1f.js" defer></script>
|
||||
<script src="/vue-material-kit/documentation/assets/js/24.a41d0443.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.2546f5b3.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
12
index.html
12
index.html
@ -1,8 +1,8 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-material-kit/favicon.png><title>Vue Material Kit by Creative Tim</title><link rel=canonical href=https://www.creative-tim.com/product/vue-material-kit><meta name=keywords content="creative tim, creativetim, vue material, vue material ui kit, vue material kit, material, material kit, material template, vue kit, vue css template, web template, vue css3 template, frontend, responsive vue template, vue ui kit, responsive vue ui kit"><meta name=description content="A Badass Vue.js UI Kit made with Material Design."><meta itemprop=name content="Vue Material Kit by Creative Tim"><meta itemprop=description content="A Badass Vue.js UI Kit made with Material Design."><meta itemprop=image content=https://s3.amazonaws.com/creativetim_bucket/products/97/original/opt_mk_vue_thumbnail.jpg><meta name=twitter:card content=product><meta name=twitter:site content=@creativetim><meta name=twitter:title content="Vue Material Kit by Creative Tim"><meta name=twitter:description content="A Badass Vue.js UI Kit made with Material Design."><meta name=twitter:creator content=@creativetim><meta name=twitter:image content=https://s3.amazonaws.com/creativetim_bucket/products/97/original/opt_mk_vue_thumbnail.jpg><meta property=fb:app_id content=655968634437471><meta property=og:title content="Vue Material Kit by Creative Tim"><meta property=og:type content=article><meta property=og:url content=https://demos.creative-tim.com/vue-material-kit><meta property=og:image content=https://s3.amazonaws.com/creativetim_bucket/products/97/original/opt_mk_vue_thumbnail.jpg><meta property=og:description content="A Badass Vue.js UI Kit made with Material Design."><meta property=og:site_name content="Creative Tim"><link rel=stylesheet type=text/css href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=https://use.fontawesome.com/releases/v5.0.8/css/all.css rel=stylesheet><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-NKDMSK6');</script><link href=/vue-material-kit/css/app.d279ac66.css rel=preload as=style><link href=/vue-material-kit/css/chunk-vendors.590efd76.css rel=preload as=style><link href=/vue-material-kit/js/app.13e2fb31.js rel=preload as=script><link href=/vue-material-kit/js/chunk-vendors.4245ea39.js rel=preload as=script><link href=/vue-material-kit/css/chunk-vendors.590efd76.css rel=stylesheet><link href=/vue-material-kit/css/app.d279ac66.css rel=stylesheet></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><noscript><strong>We're sorry but vue-material-kit doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-material-kit/favicon.png><title>Vue Material Kit by Creative Tim</title><link rel=canonical href=https://www.creative-tim.com/product/vue-material-kit><meta name=keywords content="creative tim, creativetim, vue material, vue material ui kit, vue material kit, material, material kit, material template, vue kit, vue css template, web template, vue css3 template, frontend, responsive vue template, vue ui kit, responsive vue ui kit"><meta name=description content="A Badass Vue.js UI Kit made with Material Design."><meta itemprop=name content="Vue Material Kit by Creative Tim"><meta itemprop=description content="A Badass Vue.js UI Kit made with Material Design."><meta itemprop=image content=https://s3.amazonaws.com/creativetim_bucket/products/97/original/opt_mk_vue_thumbnail.jpg><meta name=twitter:card content=product><meta name=twitter:site content=@creativetim><meta name=twitter:title content="Vue Material Kit by Creative Tim"><meta name=twitter:description content="A Badass Vue.js UI Kit made with Material Design."><meta name=twitter:creator content=@creativetim><meta name=twitter:image content=https://s3.amazonaws.com/creativetim_bucket/products/97/original/opt_mk_vue_thumbnail.jpg><meta property=fb:app_id content=655968634437471><meta property=og:title content="Vue Material Kit by Creative Tim"><meta property=og:type content=article><meta property=og:url content=https://demos.creative-tim.com/vue-material-kit><meta property=og:image content=https://s3.amazonaws.com/creativetim_bucket/products/97/original/opt_mk_vue_thumbnail.jpg><meta property=og:description content="A Badass Vue.js UI Kit made with Material Design."><meta property=og:site_name content="Creative Tim"><link rel=stylesheet type=text/css href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=https://use.fontawesome.com/releases/v5.0.8/css/all.css rel=stylesheet><link href=/vue-material-kit/css/app.d279ac66.css rel=preload as=style><link href=/vue-material-kit/css/chunk-vendors.590efd76.css rel=preload as=style><link href=/vue-material-kit/js/app.cd0bed69.js rel=preload as=script><link href=/vue-material-kit/js/chunk-vendors.ccf6268b.js rel=preload as=script><link href=/vue-material-kit/css/chunk-vendors.590efd76.css rel=stylesheet><link href=/vue-material-kit/css/app.d279ac66.css rel=stylesheet></head><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-NKDMSK6');</script><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><noscript><strong>We're sorry but vue-material-kit doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||||
@ -20,4 +20,4 @@
|
||||
|
||||
}catch(err) {
|
||||
console.log('Facebook Track Error:', err);
|
||||
}</script><noscript><img height=1 width=1 style=display:none src="https://www.facebook.com/tr?id=111649226022273&ev=PageView&noscript=1"></noscript><script src=/vue-material-kit/js/chunk-vendors.4245ea39.js></script><script src=/vue-material-kit/js/app.13e2fb31.js></script></body></html>
|
||||
}</script><noscript><img height=1 width=1 style=display:none src="https://www.facebook.com/tr?id=111649226022273&ev=PageView&noscript=1"></noscript><script src=/vue-material-kit/js/chunk-vendors.ccf6268b.js></script><script src=/vue-material-kit/js/app.cd0bed69.js></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
js/app.cd0bed69.js
Normal file
2
js/app.cd0bed69.js
Normal file
File diff suppressed because one or more lines are too long
1
js/app.cd0bed69.js.map
Normal file
1
js/app.cd0bed69.js.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
js/chunk-vendors.ccf6268b.js.map
Normal file
1
js/chunk-vendors.ccf6268b.js.map
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user