Vuetify kBar

A simple plug-n-play cmd+k interface for Vuetify.

Live demo

⚠️⚠️ This project is currently is in work-in-progress stage.

Screen Shot 2021-10-31 at 8 27 36 PM



$ npm install @socheatsok78/vuetify-kbar@next
# or
$ yarn add @socheatsok78/vuetify-kbar@next


  <v-app id="app">
    <v-kbar-provider :actions="actions" />

import { mdiClipboard } from '@mdi/js'

const actions = [
    id: 'blog',
    name: 'Blog',
    icon: mdiClipboard,
    description: '',
    shortcut: ['b'],
    keywords: 'writing words',
    perform: () => (window.location.pathname = 'blog')
    id: 'contact',
    name: 'Contact',
    shortcut: ['c'],
    keywords: 'email',
    perform: () => (window.location.pathname = 'contact')

export default {
  name: 'App',
  data: () => ({
    actions: actions


This project was created using @vue/cli service.

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.


View Github