Versatile Vue 3 command-bar component
npm install cmd-bar[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Vue][vue-src]][vue-href]
- 🎨 Unstyled - No styles included, you can style it as you want
- 🧩 Extensible - You can add your own Modal and components
- ⌨️ Key bindings - Usable with just a keyboard
- 🧙 Virtualized - It uses useVirtualList
1. Add cmd-bar dependency to your project
``bashUsing pnpm
pnpm add -D cmd-bar
2. Then you can import the
CmdBar Compound Component in your project.
`ts
import { CmdBar } from 'cmd-bar'
![icon]()
{{ command.label }}
{{ shortcut }}
``That's it! ✨
Props to xiaoluoboding/vue-command-palette and CommandPalette - Nuxt UI, for the inspiration.
[npm-version-src]: https://img.shields.io/npm/v/cmd-bar/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/cmd-bar
[npm-downloads-src]: https://img.shields.io/npm/dm/cmd-bar.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/cmd-bar
[license-src]: https://img.shields.io/npm/l/cmd-bar.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/cmd-bar
[vue-src]: https://img.shields.io/badge/Vue-18181B?&logo=vue.js
[vue-href]: https://vuejs.org