Badge

    Overview

    When to use

    The badge can be used to indicate a affiliation of a product a series or to display a status of an item. The label should be the category or the status in one word.

    When to consider an alternative

    If the label is longer than one word.


    Component

    Default

    Examples

    Round

    States


    Properties

    PropertyTypeRequiredDefault
    typeEnum
    'disabled' │ 'danger' │ 'info' │ 'succes' │ 'exterior' │ 'caravan' │ 'interior' │ 'winter' │ 'rimms' │ 'carwash' │ 'professional' │ 'bike' │ 'profiline' │ 'xtreme' │ 'premium-class' │ 'desinfection' │ 'round' │ 'loud'
    false-
    utilClassNamesStringfalse-
    childrenNodefalse-