BlatUI

Components

Menubar

A visually persistent menu common in desktop applications.

php artisan blatui:add menubar 
<x-ui.menubar>
    <x-ui.menubar-menu>
        <x-ui.menubar-trigger>File</x-ui.menubar-trigger>
        <x-ui.menubar-content>
            <x-ui.menubar-item>
                New Tab
                <x-ui.menubar-shortcut>⌘T</x-ui.menubar-shortcut>
            </x-ui.menubar-item>
            <x-ui.menubar-item>
                New Window
                <x-ui.menubar-shortcut>⌘N</x-ui.menubar-shortcut>
            </x-ui.menubar-item>
            <x-ui.menubar-item disabled>New Incognito Window</x-ui.menubar-item>
            <x-ui.menubar-separator />
            <x-ui.menubar-item>
                Print...
                <x-ui.menubar-shortcut>⌘P</x-ui.menubar-shortcut>
            </x-ui.menubar-item>
        </x-ui.menubar-content>
    </x-ui.menubar-menu>
    <x-ui.menubar-menu>
        <x-ui.menubar-trigger>Edit</x-ui.menubar-trigger>
        <x-ui.menubar-content>
            <x-ui.menubar-item>
                Undo
                <x-ui.menubar-shortcut>⌘Z</x-ui.menubar-shortcut>
            </x-ui.menubar-item>
            <x-ui.menubar-item>
                Redo
                <x-ui.menubar-shortcut>⇧⌘Z</x-ui.menubar-shortcut>
            </x-ui.menubar-item>
            <x-ui.menubar-separator />
            <x-ui.menubar-item>Cut</x-ui.menubar-item>
            <x-ui.menubar-item>Copy</x-ui.menubar-item>
            <x-ui.menubar-item>Paste</x-ui.menubar-item>
        </x-ui.menubar-content>
    </x-ui.menubar-menu>
    <x-ui.menubar-menu>
        <x-ui.menubar-trigger>View</x-ui.menubar-trigger>
        <x-ui.menubar-content>
            <x-ui.menubar-item inset>Reload</x-ui.menubar-item>
            <x-ui.menubar-item inset disabled>Force Reload</x-ui.menubar-item>
            <x-ui.menubar-separator />
            <x-ui.menubar-item inset>Toggle Fullscreen</x-ui.menubar-item>
        </x-ui.menubar-content>
    </x-ui.menubar-menu>
</x-ui.menubar>