Skip to content

vuetify-kbar 0.1.0-next.15

Install from the command line:
Learn more about npm packages
$ npm install @socheatsok78/vuetify-kbar@0.1.0-next.15
Install via package.json:
"@socheatsok78/vuetify-kbar": "0.1.0-next.15"

About this version

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

Guide

Install

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

Usage

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

<script>
import { mdiClipboard } from '@mdi/js'

const actions = [
  {
    id: 'blog',
    name: 'Blog',
    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',
  components: {
    VKbar
  },
  data: () => ({
    actions: actions
  })
}
</script>

Development

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.

Details

Assets

  • vuetify-kbar-0.1.0-next.15-npm.tgz

Download activity

  • Total downloads 0
  • Last 30 days 0
  • Last week 0
  • Today 0

Recent versions

View all