FxOperationMenuItemWithDrop

Type: React component

How to get FxOperationMenuItemWithDrop?

JavaScript

import FxOperationMenuItemWithDrop from 'fontoxml-fx/src/FxOperationMenuItemWithDrop.jsx'

A menu item that invokes and reflects the state of an operation.

This component has the same behavior as FxOperationMenuItem, however it allows you to specify a "renderDrop" property accepting a Drop component with arbitrary content.

Props

  1. focusEditorWhenDone

    (Optional)

    Type: Boolean

    Default value

  2. hoverHighlightType

    (Optional)

    Type: String

    The contextNodeId must also be set on the operationData.

    Default value

  3. icon

    (Optional)

    Type: Icon

    The icon that is displayed before the label. This overrides the icon provided by the operation (operation.icon).

    Default value

  4. isDisabled

    (Optional)

    Type: Boolean

    Default value

  5. isSelected

    (Optional)

    Type: Boolean

    Default value

  6. label

    (Optional)

    Type: String

    The label of the menu item. This overrides the label provided by the operation (operation.label).

    Default value

  7. onClick

    (Optional)

    Type: Function

    Returns

    Default value

  8. operationName

    (Required)

    The operation name.

  9. operationData

    (Optional)

    The operation data to evaluate the operation with.

    Set the contextNodeId on the operation data for the hover highlighting(hoverHighlightType).

    Default value

  10. renderDrop

    (Optional)

    Type: Function

    A callback that is called at every render of this component. Expects a valid React component instance of the desired drop and its contents to be returned.

    Arguments

    Returns

  11. tooltipContent

    (Optional)

    Type: String

    The tooltip for the menu item. This overrides the tooltipContent provided by the operation (operation.description)

    Default value