mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 21:04:21 +08:00
95 lines
26 KiB
HTML
95 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-US">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Tabs | Vue Material Kit</title>
|
||
<meta name="description" content="">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons">
|
||
<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/0.styles.21344004.css" as="style"><link rel="preload" href="/vue-material-kit/documentation/assets/js/app.5bb58c58.js" as="script"><link rel="preload" href="/vue-material-kit/documentation/assets/js/21.c3e74589.js" as="script"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/11.28c85460.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/2.b8ce3833.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/3.5ab03cb4.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/4.df387569.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/5.8c7941c7.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/6.bdb412a0.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/7.68a502ac.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/8.031149ba.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/9.e06ab1b3.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/10.918d1f56.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/12.849d3916.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/13.78256c05.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/14.1c386190.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/15.1b04ba78.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/16.6dc2a907.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/17.6eb00717.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/18.6f8c9f24.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/19.1688c564.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/20.8790f9a9.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/22.39971291.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/23.14765911.js"><link rel="prefetch" href="/vue-material-kit/documentation/assets/js/24.8764158e.js">
|
||
<link rel="stylesheet" href="/vue-material-kit/documentation/assets/css/0.styles.21344004.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">
|
||
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">
|
||
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/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>
|
||
</code></pre></div><h3 id="for-local-usage"><a href="#for-local-usage" aria-hidden="true" class="header-anchor">#</a> For Local Usage</h3> <div class="language-js extra-class"><pre class="language-js"><code><span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
|
||
components<span class="token punctuation">:</span> <span class="token punctuation">{</span>
|
||
NavTabsCard
|
||
<span class="token punctuation">}</span>
|
||
<span class="token punctuation">}</span>
|
||
|
||
</code></pre></div><h2 id="nav-tabs-card"><a href="#nav-tabs-card" aria-hidden="true" class="header-anchor">#</a> Nav Tabs Card</h2> <div class="demo-block demo-box demo-component-docs demo-tabs.html"><div class="source"><div class="md-layout"><div class="md-layout-item md-size-100"><div class="md-card md-card-nav-tabs md-theme-default no-label"><div class="md-card-content"><div class="md-tabs md-primary md-alignment-left md-no-transition md-theme-default"><div class="md-tabs-navigation md-elevation-0"> <span class="md-tabs-indicator"></span></div> <div class="md-content md-tabs-content md-theme-default" style="display:none;height:0px;"><div class="md-tabs-container"><div id="tab-home" class="md-tab"><p>I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.</p></div> <div id="tab-pages" class="md-tab"><p>I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.</p></div> <div id="tab-posts" class="md-tab"><p>I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. So when you get something that has the name Kanye West on it, it’s supposed to be pushing the furthest possibilities. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.</p></div></div></div></div></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>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-layout<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>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-layout-item md-size-100<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>nav-tabs-card</span> <span class="token attr-name">no-label</span><span class="token punctuation">></span></span>
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>template</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>content<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-tabs</span> <span class="token attr-name">md-sync-route</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>md-primary<span class="token punctuation">"</span></span> <span class="token attr-name">md-alignment</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>left<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-tab</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tab-home<span class="token punctuation">"</span></span> <span class="token attr-name">md-label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Profile<span class="token punctuation">"</span></span> <span class="token attr-name">md-icon</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>face<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>p</span><span class="token punctuation">></span></span>I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-tab</span><span class="token punctuation">></span></span>
|
||
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-tab</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tab-pages<span class="token punctuation">"</span></span> <span class="token attr-name">md-label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Messages<span class="token punctuation">"</span></span> <span class="token attr-name">md-icon</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>chat<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>p</span><span class="token punctuation">></span></span>I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-tab</span><span class="token punctuation">></span></span>
|
||
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>md-tab</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tab-posts<span class="token punctuation">"</span></span> <span class="token attr-name">md-label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Settings<span class="token punctuation">"</span></span> <span class="token attr-name">md-icon</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>build<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>p</span><span class="token punctuation">></span></span>I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. So when you get something that has the name Kanye West on it, it’s supposed to be pushing the furthest possibilities. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-tab</span><span class="token punctuation">></span></span>
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>md-tabs</span><span class="token punctuation">></span></span>
|
||
<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>nav-tabs-card</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 punctuation">></span></span>
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
|
||
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script language-javascript">
|
||
<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">'@/components'</span>
|
||
|
||
<span class="token keyword">export</span> <span class="token keyword">default</span><span class="token punctuation">{</span>
|
||
components<span class="token punctuation">:</span> <span class="token punctuation">{</span>
|
||
NavTabsCard
|
||
<span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||
<span class="token function">data</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
|
||
<span class="token keyword">return</span> <span class="token punctuation">{</span>
|
||
selected<span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
|
||
firstTabs<span class="token punctuation">:</span> <span class="token punctuation">[</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Sign contract for "What are conference organizers afraid of?"'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Lines From Great Russian Literature? Or E-mails From My Boss?'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit'</span> <span class="token punctuation">}</span>
|
||
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
||
secondTabs<span class="token punctuation">:</span> <span class="token punctuation">[</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Sign contract for "What are conference organizers afraid of?"'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Lines From Great Russian Literature? Or E-mails From My Boss?'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit'</span> <span class="token punctuation">}</span>
|
||
<span class="token punctuation">]</span><span class="token punctuation">,</span>
|
||
thirdTabs<span class="token punctuation">:</span> <span class="token punctuation">[</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Sign contract for "What are conference organizers afraid of?"'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Lines From Great Russian Literature? Or E-mails From My Boss?'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||
<span class="token punctuation">{</span> tab<span class="token punctuation">:</span> <span class="token string">'Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit'</span> <span class="token punctuation">}</span>
|
||
<span class="token punctuation">]</span>
|
||
<span class="token punctuation">}</span>
|
||
<span class="token punctuation">}</span>
|
||
|
||
<span class="token punctuation">}</span>
|
||
</span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</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> <h3 id="navtabscard-slots"><a href="#navtabscard-slots" aria-hidden="true" class="header-anchor">#</a> NavTabsCard Slots</h3> <table><thead><tr><th>Name</th> <th>Description</th></tr></thead> <tbody><tr><td>content</td> <td>Default card content</td></tr></tbody></table> <blockquote><p>Note: for more details about the tabs that can you use please see the <strong>Tabs</strong> section from <a href="https://vuematerial.io/components/tabs/" 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">
|
||
←
|
||
<a href="/vue-material-kit/documentation/component-docs/notifications.html" class="prev">
|
||
Notifications
|
||
</a></span> <span class="next"><a href="/vue-material-kit/documentation/component-docs/switch.html">
|
||
Switch
|
||
</a>
|
||
→
|
||
</span></p></div> </div> <!----></div></div>
|
||
<script src="/vue-material-kit/documentation/assets/js/21.c3e74589.js" defer></script><script src="/vue-material-kit/documentation/assets/js/app.5bb58c58.js" defer></script>
|
||
</body>
|
||
</html>
|