Update dock demos
parent
3034919c31
commit
77575168e5
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>A sample macOS implementation using various components.</p>
|
<p>A sample desktop demo using various components.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="card dock-demo">
|
<div class="card dock-demo">
|
||||||
<Toast position="top-center" group="tc" />
|
<Toast position="top-center" group="tc" />
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>Menu requires a collection of menuitems as its <i>model</i>. Default location is <i>bottom</i> and other sides are also available when defined with the <i>position</i> property.</p>
|
<p>Menu requires a collection of menuitems as its <i>model</i> and an <i>icon</i> template. Default location is <i>bottom</i> and other edges are also available when defined with the <i>position</i> property.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="card dock-demo">
|
<div class="card dock-demo">
|
||||||
<div class="flex flex-wrap gap-3 mb-5">
|
<div class="flex flex-wrap gap-3 mb-5">
|
||||||
|
|
|
@ -1,8 +0,0 @@
|
||||||
<template>
|
|
||||||
<DocSectionText v-bind="$attrs">
|
|
||||||
<p>
|
|
||||||
Since v3.33.0 the vue-router dependency of menu components is deprecated and templating should be used to define router links instead. This approach provides flexibility to be able to use any kind of router link component such as
|
|
||||||
<i>NuxtLink</i> or <i>router-link</i>.
|
|
||||||
</p>
|
|
||||||
</DocSectionText>
|
|
||||||
</template>
|
|
|
@ -7,7 +7,6 @@ import AccessibilityDoc from '@/doc/dock/AccessibilityDoc.vue';
|
||||||
import AdvancedDoc from '@/doc/dock/AdvancedDoc.vue';
|
import AdvancedDoc from '@/doc/dock/AdvancedDoc.vue';
|
||||||
import BasicDoc from '@/doc/dock/BasicDoc.vue';
|
import BasicDoc from '@/doc/dock/BasicDoc.vue';
|
||||||
import ImportDoc from '@/doc/dock/ImportDoc.vue';
|
import ImportDoc from '@/doc/dock/ImportDoc.vue';
|
||||||
import RouterDoc from '@/doc/dock/RouterDoc.vue';
|
|
||||||
import PTComponent from '@/doc/dock/pt/index.vue';
|
import PTComponent from '@/doc/dock/pt/index.vue';
|
||||||
import ThemingDoc from '@/doc/dock/theming/index.vue';
|
import ThemingDoc from '@/doc/dock/theming/index.vue';
|
||||||
|
|
||||||
|
@ -30,11 +29,6 @@ export default {
|
||||||
label: 'Advanced',
|
label: 'Advanced',
|
||||||
component: AdvancedDoc
|
component: AdvancedDoc
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: 'router',
|
|
||||||
label: 'Router',
|
|
||||||
component: RouterDoc
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 'accessibility',
|
id: 'accessibility',
|
||||||
label: 'Accessibility',
|
label: 'Accessibility',
|
||||||
|
|
Loading…
Reference in New Issue