How to use the @fluentui/react.ToolbarItem.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.

github microsoft / fluent-ui-react / docs / src / examples / components / Toolbar / Content / ToolbarExampleMenuWithSubmenu.shorthand.steps.ts View on Github external
(builder, keys) =>
      builder
        .click(`.${ToolbarItem.className}:nth-child(1)`)
        .snapshot('Shows menu')
        .keys(`.${ToolbarMenuItem.className}:nth-child(1)`, keys.rightArrow)
        .snapshot('Opens submenu'),
  ],
github microsoft / fluent-ui-react / docs / src / examples / components / Toolbar / Content / ToolbarExampleMenu.shorthand.steps.ts View on Github external
(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'),
  ],
github microsoft / fluent-ui-react / docs / src / examples / components / Toolbar / Content / ToolbarExamplePopup.shorthand.steps.ts View on Github external
builder =>
      builder
        .click(`.${ToolbarItem.className}:nth-child(1)`)
        .snapshot('Shows first popup')
        .click(`.${ToolbarItem.className}:nth-child(2)`)
        .snapshot('Shows second popup'),
  ],
github microsoft / fluent-ui-react / docs / src / examples / components / Toolbar / Usage / ToolbarExampleActionPopupInMenu.shorthand.steps.ts View on Github external
builder =>
      builder
        .click(`.${ToolbarItem.className}:nth-child(1)`)
        .snapshot('Shows menu')
        .click(`.${ToolbarMenuItem.className}:nth-child(1)`)
        .snapshot('Shows popup'),
  ],