how to use icon in MenuItem using React Fluent UI

61 Views Asked by At

I am trying to add icon in MenuButton menuItem fluentui icon is working in button but give me error in menuItem.

this is the error

export 'FavoriteStarFill' (imported as 'FavoriteStarFill') was not found in '@fluentui/react-icons' (possible exports: AccessTime20Filled,

`

  import {bundleIcon,CalendarMonthFilled,CalendarMonthRegular,FavoriteStarFill} from "@fluentui/react-icons";
  
  <Menu>
    <MenuTrigger disableButtonEnhancement>
      <MenuButton appearance="transparent" icon={<CalendarMonth />}>
        Transparent
      </MenuButton>
    </MenuTrigger>

    <MenuPopover>
      <MenuList>
        <MenuItem appearance="transparent" icon={<FavoriteStarFill/>}>Item a</MenuItem>
        <MenuItem>Item b</MenuItem>
      </MenuList>
    </MenuPopover>
  </Menu>

`

0

There are 0 best solutions below