How to get FxMultiOperationsMenuItem?
import FxMultiOperationsMenuItem from 'fontoxml-fx/src/FxMultiOperationsMenuItem.jsx'
Renders a menu item that invokes and reflects the state of an operation. The first enabled or else the first operation in the
operations array, is used in the menu item. This is updated every time the state of one of the operations changes.
Editor When Done
Whether or not the given component should tell the editor (content view) to take back focus after its operation is done executing. By default this is has a value of null and is then determined at render time: its true if the component is placed inside the masthead or statusbar (including when used in drops or popovers triggered from the masthead or statusbar) and false otherwise.
Setting this prop to a value other than null or undefined forces that value for all renders, regardless of where the component is rendered.
Use an icon in this component. This should be one of the Font Awesome icons. Do not include the fa- prefix, just use the icon names as-is from the documentation.
Set to true to render this component in a disabled state.
Setting it to false does not (re)enable it if the associated operation(s) are not enabled. This prevents users from executing operations that would cause errors or even break the document.
Set to true to render this component in a selected state.
Setting it to false does not force to deselected it if the associated operation(s) are active. This prevents users from getting misleading/inconsistent information from the underlying system.
If you never want to show the UI in a selected state for a particular operation, you can make and use a custom operation instead which ends with a final custom step that sets operationState.active to false. But breaking visual consistency this way with the rest of the editor is strongly discouraged and should only be used as a last resort.
The label of the menu item. This overrides the label provided by the operation (operation.label) and provided by the
Add additional onClick callback. The callback is called when the user clicks on the component and at the same time the operation is executed.
An array of operations with properties. Each operation will at least define the operation name. All other properties are there to add or override the original operation.
The content of the tooltip that is displayed when hovering over the whole component.