FxMultiOperationsButton

Type: React component

How to get FxMultiOperationsButton?

JavaScript

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

Renders a button 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 button. This is updated every time the state of one of the operations changes.

Props

  1. focusEditorWhenDone

    (Optional)

    Type: FocusEditorWhenDone

    Default value

  2. icon

    (Optional)

    Type: Icon

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

    Default value

  3. iconAfter

    (Optional)

    Type: Icon

    The icon that is displayed after the label.

    Default value

  4. isDisabled

    (Optional)

    Type: IsDisabled

    Default value

  5. isSelected

    (Optional)

    Type: IsSelected

    Default value

  6. label

    (Optional)

    Type: String

    The label of the button. This overrides the label provided by the operation (operation.label) and provided by the operations array.

    Default value

  7. onClick

    (Optional)

    Type: OnClickCallback

    Default value

  8. operations

    (Required)

    Type: Array<OperationSpec>

    The first enabled or else the first operation in the list, is used in the button.

  9. tooltipContent

    (Optional)

    Type: TooltipContent

    The tooltip for the button. This overrides the tooltipContent provided by the operation (operation.description) and provided by the operations array.

    Default value

  10. type

    (Optional)

    Type: String

    Allows you to override the background and border color from its default values (which are based on the context where you use the button; masthead / masthead tab buttons / toolbar) to one of either:

    • 'default'

    • 'primary'

    • 'transparent'

    • 'warning'

    • 'error'

    Defaults to 'default', which is then interpreted based on the context.

    Please visit the Button playground example for visual examples for each type in each context.

    Default value