Kbd

Display a keyboard shortcut. Try the live example, then switch to Code to copy its Vue source.

Preview

<script setup>
import { NbKbd } from '@neobrut-vue/core'
</script>

<template>
  <p>Open search <NbKbd>⌘</NbKbd> <NbKbd>K</NbKbd></p>
</template>

Usage

Import NbKbd from @neobrut-vue/core and its stylesheet once in your app. The Code tab above contains a complete example.