react98

Menu Bar

A Windows 98 menu bar with button-like menu items.

Preview

menu-bar.exe

Installation

pnpm dlx shadcn@latest add https://react98-ui.vercel.app/r/menu-bar.json
npx shadcn@latest add https://react98-ui.vercel.app/r/menu-bar.json
yarn dlx shadcn@latest add https://react98-ui.vercel.app/r/menu-bar.json
bunx shadcn@latest add https://react98-ui.vercel.app/r/menu-bar.json

Usage

import { MenuBar, MenuItem } from "@/components/ui/98/menu-bar";

export function Example() {
  return (
    <MenuBar>
      <MenuItem>File</MenuItem>
      <MenuItem>Edit</MenuItem>
    </MenuBar>
  );
}

Props

ComponentPropsDescription
MenuBarHTMLAttributes<HTMLDivElement>Menu container with role="menubar".
MenuItemButtonHTMLAttributes<HTMLButtonElement>Button menu item with role="menuitem".

Tabs

Windows 98 tab primitives for controlled tab layouts.

Toolbar

A Windows 98 toolbar for compact command rows.

On this page

PreviewInstallationUsageProps