Badge

Type: React component

How to get Badge?

JavaScript

import Badge from 'fontoxml-feedback/src/Badge.jsx'

Renders something similar to an FDS Chip but without the remove (X) icon button.

Useful to render the AnnotationStatus in your custom CardContentComponent for a registered review annotation type.

Props

  1. label

    (Required)

    Type: Number | String

    The text that is displayed in the badge. Displayed as the children of an FDS Label.

  2. tooltipContent

    (Optional)

    Type: String | ReactElement

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

    • string: the textual content of the tooltip

    • ReactElement: a React Element (instance of a React Component, usually created with JSX)

    Default value