ButtonWithValue

Type: React component

A button with an optional value presented after the button. This component is generally used when complex/extensive input is required from another context (like a Form inside a Modal), where the result can be displayed in a summarizing label.

Keyboard behavior:

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

Props

  1. buttonLabel

    (Optional)

    Type: String

    The human readable label displayed in the button.

    Default value

  2. icon

    (Optional)

    Type: FDS~Icon

    Default value

  3. iconAfter

    (Optional)

    Default value

  4. isDisabled

    (Optional)

    Default value

  5. onClick

    (Required)

  6. valueLabel

    (Optional)

    Type: String

    The human readable label displayed as the value in the component.

    Default value

  7. tooltipContent

    (Optional)

    Default value