MenuItem

Type: React component

Visually renders the outer container of a menu item and standardizes things like disabled, hovered and selected states while leaving the actual content arbitrary.

Should be rendered inside a Menu or MenuGroup.

Keyboard behavior:

  • Enter: call the onClick prop when focused/hovered and isDisabled is false.

Props

  1. icon

    (Optional)

    Type: FDS~Icon

    Default value

  2. iconAfter

    (Optional)

    Default value

  3. isDisabled

    (Optional)

    Default value

  4. isHovered

    (Optional)

    Default value

  5. isSelected

    (Optional)

    Default value

  6. keyBindingLabel

    (Optional)

    Default value

  7. label

    (Optional)

    Type: FDS~Label

    Default value

  8. onClick

    (Optional)

    Default value

  9. onMouseEnter

    (Optional)

    Default value

  10. onMouseLeave

    (Optional)

    Default value

  11. onRef

    (Optional)

    Default value

  12. tooltipContent

    (Optional)

    Default value