dsfr4drupal-1.x-dev/components/badge/badge.component.yml

name: DSFR - Badge
description: The badge component allows you to highlight "status" or "state" type information on an element of the site.
status: stable
group: DSFR
variants:
  sm:
    title: Small
    description: Component small size
  md:
    title: Medium
    description: Component medium size (default)
props:
  properties:
    attributes:
      type: Drupal\Core\Template\Attribute
      title: Attributes
    color_schema:
      type: string
      title: Color schema
      description: 'Example: brown-caramel'
    ellipsis:
      type: boolean
      title: Add ellipsis?
      description: 'The badge has an ellipsis when the label is too long.'
    has_icon:
      type: boolean
      title: Has icon?
      default: true
    icon:
      type: string
      title: Icon
      description: 'Example: "checkbox-line"'
    label:
      type: string
      title: Label
    system_type:
      type: string
      title: System type
      enum:
        - error
        - info
        - new
        - success
        - warning
  required:
    - label
libraryOverrides:
  dependencies:
    - dsfr4drupal/component.badge