FxButtonWithValueFromModal

Type: React component

How to get FxButtonWithValueFromModal?

JavaScript

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

This component wraps the ButtonWithValue component to allow the button to obtain its value from a modal. For use in Form components.

Props

  1. buttonLabel

    (Optional)

    Type: String

    The label of the button.

    Default value

  2. icon

    (Optional)

    Type: String

    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.

    Default value

  3. iconAfter

    (Optional)

    Type: String

    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.

    Default value

  4. isDisabled

    (Optional)

    Type: Boolean

    Whether or not the component should be rendered in a disabled state.

    Default value

  5. ModalComponent

    (Required)

    The modal to open on button click. See Create a modal for a guide on how to make a modal.

  6. onChange

    (Required)

    Type: Function

    A callback that is called whenever a component's value changes.

    This callback is called just before the "validate" prop is called.

    Use this callback to update local state which in turn should update the value prop of the component whose callback just fired.

    Arguments

  7. tooltipContent

    (Optional)

    Type: String

    The content of the tooltip that is displayed when hovering over the whole component.

    Default value

  8. value

    (Optional)

    Type: Any

    The value set for this component.

    Default value