banner.component.yml

# This is so your IDE knows about the syntax for fixes and autocomplete.
$schema: https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json

# The human readable name.
name: Banner

# Status can be: "experimental", "stable", "deprecated", "obsolete".
status: experimental

props:
  # Props are always an object with keys. Each key is a variable in your
  # component template.
  type: object

  properties:
    attributes:
      type: Drupal\Core\Template\Attribute
      title: Attributes
      description: Banner attributes.

# Slots always hold arbitrary markup. We know that beforehand, so no need for
# a schema for slots.
slots:
  # The key is the name of the slot. In your template you will use
  # {% block content %}.
  content:
    # A human-readable name.
    title: Content
    # A description.
    description: This is the banner content
  image:
    # A human-readable name.
    title: Image
    # A description.
    description: This is the banner image