CompactButton

Type: React component

Creates a compact button with an optional Label and Icon before and/or after.

This is always a "default" Button and therefor can't be used inside the Masthead. It is intended, and used by Fonto, as the button inside the structure view but might have more use cases beyond that.

Keyboard behavior:

  • Enter: call the onClick prop when focused, isDisabled is false and hasKeyboardBehavior is true.

Props

  1. hasKeyboardBehavior

    (Optional)

    Default value

  2. icon

    (Optional)

    Type: FDS~Icon

    Default value

  3. iconAfter

    (Optional)

    Default value

  4. isDisabled

    (Optional)

    Default value

  5. isSelected

    (Optional)

    Default value

  6. label

    (Optional)

    Type: FDS~Label

    Default value

  7. onClick

    (Required)

  8. onRef

    (Optional)

    Default value

  9. tooltipContent

    (Optional)

    Default value