Menubar

Dropdown menus in a hairline strip.

Install

npx raster add menubar

Markup

<div class="rs-menubar" role="menubar"><button class="rs-dropdown"><span>File</span></button><button class="rs-dropdown"><span>Edit</span></button><button class="rs-dropdown"><span>View</span></button></div>

React

import { Menubar } from "@/components/raster/menubar";

<Menubar
  menus={[
    { label: "File", items: [{ label: "New" }, { label: "Open…" }] },
    { label: "Edit", items: [{ label: "Undo" }, { label: "Redo" }] },
  ]}
/>

Classes

.rs-menubar

Depends on

/dropdown-menu /select