contact

// src/components/patterns/story-slider/slide-benefits/contact/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patters/story-slider/slide-benefits/contact
type: object
required:
  - first_name
  - last_name
  - organisation
additionalProperties: false
properties:
  avatar:
    format: html
    type: string
    description: /elements/image
  classes:
    type: array
    items:
      type: string
  first_name:
    type: string
  last_name:
    type: string
  organisation:
    type: string

// src/components/patterns/story-slider/slide-benefits/contact/mocks.yaml

avatar:
  $ref: elements/image#avatar
  $tpl: elements/image
  alt: ''
first_name: Florian
last_name: Oberrauch
organisation: Geschäftsleitung Finstral

// src/components/patterns/story-slider/slide-benefits/contact/contact.twig

<div class="SlideBenefitContact StorySliderSlideBenefits-contact {{ classes|join(' ') }}">
		{%- if avatar -%}
			<div class="SlideBenefitContact-avatar">
				{{ avatar }}
			</div>
		{%- endif -%}
		<div class="SlideBenefitContact-details">
			{{ first_name }} {{ last_name }}
			<div class="SlideBenefitContact-organisation">{{ organisation }}</div>
		</div>
</div>