Shadcn Menubar Checkbox & Radio

Menubar with checkbox & radio items. Built with the Menubar component. A free, open source shadcn menubar example you can install with npx shadcn@latest add @reui/c-menubar-3 and edit as your own code.

Menubar with checkbox & radio items.

For AI Agents

Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.

Best for: A View list of 2 browser toggles beside a Theme list whose Light, Dark or System pick is held in state

When to use

Desktop style command bars of File, Edit and Account lists, with key hints and side flyouts
Formatting and insert lists for a document editor, such as Bold, Italic, Media and Link
View toggles and a single choice setting kept in the top bar, such as bookmarks or the theme

When not to use

Browser view toggles opened with a right click on the page, with no top bar: use the Context Menu component
Options a user ticks inside a form that is always on screen: use the Checkbox component
A single list of actions or account options opened from one button: use the Dropdown Menu component
A signed in product header holding the logo, search, alerts and the user avatar: use the Navbar blocks

Agent notes

theme only moves the radio tick; hand the Light, Dark or System pick to your theme provider
Neither MenubarCheckboxItem is held in state, so Full URLs never unticks and on radix Bookmarks Bar never ticks
Give each MenubarItem its command through onClick, which both twins fire; Base UI never fires the Radix onSelect event
MenubarShortcut is a plain span that prints the chord only; register the keys in your own keydown listener
MenubarLabel throws on the base twin unless it sits inside a MenubarGroup or MenubarRadioGroup

Markdownhttps://reui.io/components/menubar/c-menubar-3.md

MCPget_example("c-menubar-3")

Installnpx shadcn@latest add @reui/c-menubar-3

Full index for agents:llms.txtReUI MCP setup

Shadcn Components in Menubar Checkbox & Radio

Menubar

About Shadcn Menubar Checkbox & Radio

What You Can Build With Shadcn Menubar Checkbox & Radio

Composes Menubar, so it drops into any project already using those components.
Install it with the shadcn CLI: npx shadcn@latest add @reui/c-menubar-3
Open source and free, with the full source on this page to copy or adapt.

More Shadcn Menubar Examples

Basic Basic menubar.
Submenus Menubar with dropdown submenus.
Icons Menubar with icons.
Formatting & Media Menubar for formatting and media.

Related Shadcn Component Categories

Message
Open-source shadcn message components for chat transcripts, assistant replies, and support threads.
Message Scroller
Open-source shadcn message scroller components for chat transcripts, streaming replies, and jump-to-latest scrolling.
Native Select
Open-source shadcn native select components for lightweight selects, mobile-friendly forms, and basic option picking.
Navigation Menu
Open-source shadcn navigation menu components for site navigation, mega menus, and product navigation.
Number Field
Open-source shadcn number field components for quantity pickers, pricing inputs, and step controls.
Pagination
Open-source shadcn pagination components for table pagination, search results, and content archives.

Frequently Asked Questions

When should I use Shadcn Menubar Checkbox & Radio?

Use it for a View list of 2 browser toggles beside a Theme list whose Light, Dark or System pick is held in state.

Shadcn Menubar as a whole fits:

Desktop style command bars of File, Edit and Account lists, with key hints and side flyouts
Formatting and insert lists for a document editor, such as Bold, Italic, Media and Link
View toggles and a single choice setting kept in the top bar, such as bookmarks or the theme

For browser view toggles opened with a right click on the page, with no top bar, use the Context Menu component. For options a user ticks inside a form that is always on screen, use the Checkbox component. For a single list of actions or account options opened from one button, use the Dropdown Menu component. For a signed in product header holding the logo, search, alerts and the user avatar, use the Navbar blocks.

How do I install Shadcn Menubar Checkbox & Radio?

Run npx shadcn@latest add @reui/c-menubar-3. The CLI copies the source into your project, so you own the code and can edit it freely.

Is Shadcn Menubar Checkbox & Radio free to use?

Yes. Every ReUI component example is open source and free for personal and commercial projects.

Which components does Shadcn Menubar Checkbox & Radio use?

It composes Menubar. The shadcn CLI installs those alongside the example.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.