How to use the @fluentui/react.ToolbarMenuItem.className function in @fluentui/react
To help you get started, we’ve selected a few @fluentui/react examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
microsoft / fluent-ui-react / docs / src / examples / components / Toolbar / Content / ToolbarExampleMenu.shorthand.steps.ts View on Github 
(builder, keys) =>
builder
.click(`.${ToolbarItem.className}:nth-child(1)`)
.snapshot('Shows menu')
.keys(`.${ToolbarMenuItem.className}`, keys.downArrow)
.snapshot('Moves focus to second item in menu'),
],builder =>
builder
.click(`.${ToolbarItem.className}:nth-child(1)`)
.snapshot('Shows menu')
.click(`.${ToolbarMenuItem.className}:nth-child(1)`)
.snapshot('Shows popup'),
],(builder, keys) =>
builder
.click(`.${ToolbarItem.className}:nth-child(1)`)
.snapshot('Shows menu')
.keys(`.${ToolbarMenuItem.className}:nth-child(1)`, keys.rightArrow)
.snapshot('Opens submenu'),
],@fluentui/react
Reusable React components for building web experiences.
Package Health Score
95 / 100Popular @fluentui/react functions
- @fluentui/react.Button.className
- @fluentui/react.ChatItem.className
- @fluentui/react.ChatItem.slotClassNames
- @fluentui/react.ChatMessage.className
- @fluentui/react.ChatMessage.slotClassNames
- @fluentui/react.createComponent
- @fluentui/react.Dropdown.slotClassNames
- @fluentui/react.Header.create
- @fluentui/react.Input.className
- @fluentui/react.List.className
- @fluentui/react.List.Item
- @fluentui/react.Menu.className
- @fluentui/react.mergeThemes
- @fluentui/react.pxToRem
- @fluentui/react.SpinnerSize.large
- @fluentui/react.themes.teams
- @fluentui/react.themes.teamsDark
- @fluentui/react.themes.teamsHighContrast
- @fluentui/react.ToolbarItem.className
- @fluentui/react.ToolbarMenuItem.className