Meta tags:
description= A menu bar providing commands and options for your application.;
keywords= React Menubar,Menubar Component,Application Menu Bar,App Menu,Navigation Bar,Command Bar,Desktop Style Menu,Keyboard Navigation Menu,Accessible Menubar,Headless React Components,Base UI;
Headings (most frequently used words):
menubar, anatomy, api, reference, propshide, statehide,
Text of the page (most frequently used words):
menu (125), classname (37), styles (36), item (34), #menubar (31), the (27), handleclick (17), menuitem (17), onclick (16), orientation (12), portal (12), positioner (12), popup (12), react (11), root (10), modal (9), type (9), state (9), undefined (9), function (9), trigger (9), boolean (8), description (8), props (7), name (7), import (7), open (6), data (6), component (6), style (6), default (6), submenuroot (6), submenutrigger (6), from (6), whether (5), submenu (5), when (5), css (5), base (5), menupositioner (5), sideoffset (5), menupopup (5), present (4), reactelement (4), element (4), disabled (4), true (4), group (4), separator (4), menutrigger (4), svg (4), view (4), any (3), within (3), menuroot (3), export (3), that (3), returns (3), render (3), cssproperties (3), string (3), anatomy (3), caretrighticon (3), index (3), field (3), hide (2), corresponding (2), has (2), determines (2), attribute (2), with (2), applied (2), based (2), class (2), horizontal (2), false (2), arrow (2), loopfocus (2), api (2), reference (2), checkboxitem (2), radiogroup (2), radioitem (2), and (2), help (2), event (2), return (2), file (2), new (2), alignoffset (2), menuseparator (2), edit (2), zoom (2), module (2), stackblitz (2), modules (2), provider (2), toggle (2), navigation (2), dialog (2), checkbox (2), hassubmenuopen, menubarstate, menubarprops, htmlprops, accepts, allows, you, replace, html, different, tag, compose, another, object, whole, loop, keyboard, focus, back, first, end, list, reached, while, using, keys, prop, table, viewport, checkboxitemindicator, radioitemindicator, grouplabel, linkitem, backdrop, assemble, its, parts, show, code, mouseevent, htmlelement, console, log, currenttarget, textcontent, clicked, componentprops, width, height, viewbox, fill, currentcolor, display, block, path, 12v4l4, examplemenubar, save, pdf, png, print, cut, copy, paste, out, layout, single, page, two, pages, continuous, full, screen, use, client, tsx, source, markdown, bar, providing, commands, options, for, your, application, top, npm, github, userender, mergeprops, direction, csp, utils, tooltip, toolbar, toast, tabs, switch, slider, select, scroll, area, radio, progress, preview, card, popover, otp, number, meter, input, form, fieldset, drawer, context, combobox, collapsible, button, avatar, autocomplete, alert, accordion, components, llms, txt, typescript, forms, customization, composition, animation, styling, handbook, about, community, releases, accessibility, quick, start, overview, search, skip, contents,
Text of the page (random words):
menubar base ui skip to contents search k navigation overview quick start accessibility releases community about handbook styling animation composition customization forms typescript llms txt components accordion alert dialog autocomplete avatar button checkbox checkbox group collapsible combobox context menu dialog drawer field fieldset form input menu menubar meter navigation menu number field otp field new popover preview card progress radio scroll area select separator slider switch tabs toast toggle toggle group toolbar tooltip utils csp provider direction provider mergeprops userender github npm 1 6 0 menubar top anatomy api reference menubar a menu bar providing commands and options for your application view as markdown view source file edit view help index tsx index module css css modules stackblitz css modules stackblitz use client import as react from react import menubar from base ui react menubar import menu from base ui react menu import styles from index module css export default function examplemenubar return menubar classname styles menubar menu root menu trigger classname styles menutrigger file menu trigger menu portal menu positioner classname styles menupositioner sideoffset 4 menu popup classname styles menupopup menu item classname styles menuitem onclick handleclick new menu item menu item classname styles menuitem onclick handleclick open menu item menu item classname styles menuitem onclick handleclick save menu item menu submenuroot menu submenutrigger classname styles submenutrigger export caretrighticon menu submenutrigger menu portal menu positioner classname styles menupositioner sideoffset 4 alignoffset 4 menu popup classname styles menupopup menu item classname styles menuitem onclick handleclick pdf menu item menu item classname styles menuitem onclick handleclick png menu item menu item classname styles menuitem onclick handleclick svg menu item menu popup menu positioner menu portal menu submenuroot menu separator classname styles menuseparator menu item classname styles menuitem onclick handleclick print menu item menu popup menu positioner menu portal menu root menu root menu trigger classname styles menutrigger edit menu trigger menu portal menu positioner classname styles menupositioner sideoffset 4 menu popup classname styles menupopup menu item classname styles menuitem onclick handleclick cut menu item menu item classname styles menuitem onclick handleclick copy menu item menu item classname styles menuitem onclick handleclick paste menu item menu popup menu positioner menu portal menu root menu root menu trigger classname styles menutrigger view menu trigger menu portal menu positioner classname styles menupositioner sideoffset 4 menu popup classname styles menupopup menu item classname styles menuitem onclick handleclick zoom in menu item menu item classname styles menuitem onclick handleclick zoom out menu item menu submenuroot menu submenutrigger classname styles menuitem layout caretrighticon menu submenutrigger menu portal menu positioner classname styles menupositioner sideoffset 4 alignoffset 4 menu popup classname styles menupopup menu item classname styles menuitem onclick handleclick single page menu item menu item classname styles menuitem onclick handleclick two pages menu item menu item classname styles menuitem onclick handleclick continuous menu item menu popup menu positioner menu portal menu submenuroot menu separator classname styles menuseparator menu item classname styles menuitem onclick handleclick full screen menu item menu popup menu positioner menu portal menu root menu root disabled menu trigger classname styles menutrigger help menu trigger menu root menubar function handleclick event react mouseevent htmlelement console log event currenttarget textcontent clicked function caretrighticon props react componentprops svg return svg width 16 height 16 viewbox 0 0 16 16 fill currentcolor props style display block props style path d m6 12v4l4 5 4z svg show code anatomy import the component and assemble its parts anatomy import menubar from base ui react menubar import menu from base ui react menu menubar menu root menu trigger menu portal menu backdrop menu positioner menu popup menu arrow menu item menu linkitem menu separator menu submenuroot menu submenutrigger menu submenuroot menu group menu grouplabel menu group menu radiogroup menu radioitem menu radioitemindicator menu radioitem menu radiogroup menu checkboxitem menu checkboxitemindicator menu checkboxitem menu viewport menu popup menu positioner menu portal menu root menubar api reference component props table prop type default loopfocus boolean true name loopfocus description whether to loop keyboard focus back to the first item when the end of the list is reached while using the arrow keys type boolean undefined default true modal boolean true name modal description whether the menubar is modal type boolean undefined default true disabled boolean false name disabled description whether the whole menubar is disabled type boolean undefined default false orientation menuroot orientation horizontal name orientation description the orientation of the menubar type menuroot orientation undefined default horizontal classname string function name classname description css class applied to the element or a function that returns a class based on the component s state type string state menubar state string undefined undefined style react cssproperties function name style description style applied to the element or a function that returns a style object based on the component s state type react cssproperties state menubar state react cssproperties undefined undefined render reactelement function name render description allows you to replace the component s html element with a different tag or compose it with another component accepts a reactelement or a function that returns the element to render type reactelement props htmlprops state menubar state reactelement undefined attribute data orientation determines the orientation of the menubar data has submenu open present when any submenu within the menubar is open data modal present when the corresponding menubar is modal attribute description data orientation determines the orientation of the menubar data has submenu open present when any submenu within the menubar is open data modal present when the corresponding menubar is modal menubar props hide re export of menubar props as menubarprops menubar state hide type menubarstate the orientation of the menubar orientation menuroot orientation whether the menubar is modal modal boolean whether any submenu within the menubar is open hassubmenuopen boolean
|
