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

    1024px
    375px768px1400px

    Examples

    1024px
    375px768px1400px

    Round

    1024px
    375px768px1400px

    States

    1024px
    375px768px1400px

    Properties

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