Persistent application commands with arrow-key navigation. Try the live example, then switch to Code to copy its Vue source.
Preview
<script setup>
import { NbMenubar, NbMenubarItem, NbMenubarMenu, NbMenubarSeparator } from '@neobrut-vue/core'
</script>
<template>
<NbMenubar label="Editor actions">
<NbMenubarMenu label="File">
<NbMenubarItem>New file</NbMenubarItem>
<NbMenubarSeparator />
<NbMenubarItem>Export</NbMenubarItem>
</NbMenubarMenu>
<NbMenubarMenu label="Edit">
<NbMenubarItem>Duplicate</NbMenubarItem>
</NbMenubarMenu>
</NbMenubar>
</template>
Usage
Import NbMenubar from @neobrut-vue/core and its stylesheet once in your app. The Code tab above contains a complete example.