New to Kendo UI for Vue? Start a free 30-day trial
DrawerItem
Represents the Kendo UI for Vue Drawer component.
<Drawer
:expanded="expanded"
:position="position"
:mode="mode"
:mini="true"
:width="175"
:items="
items.map((item, index) => ({
...item,
selected: index === selectedId,
}))
"
:item="'CustomItem'"
@select="onSelect"
>
<template v-slot:CustomItem="{ props }">
<DrawerItem v-bind="props" @click="props.onClick">
<span :class="'k-icon flag ' + props.flag" />
<div class="item-descr-wrap">
<div>{{ props.text }}</div>
<span class="item-descr">Capital of {{ props.country }}</span>
</div>
</DrawerItem>
</template>
<DrawerContent>
<router-view />
</DrawerContent>
</Drawer>