contact

Information

Folder: src/components/patterns/contact

Files

Schema

// src/components/patterns/contact/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /patterns/contact
type: object
required:
  - media
  - details
additionalProperties: false
properties:
  media:
    type: string
    format: html
    description: /elements/image
  details:
    type: string
    format: html
    description: /patterns/contact/details

Mocks

// src/components/patterns/contact/mocks.yaml

media:
  $tpl: /elements/image
  uri: /build/assets/img/dummy/contact.webp
  width: 743
  height: 557
  alt: Sample alt text
details:
  $tpl: /patterns/contact/details
  $ref: /patterns/contact/details

Template

// src/components/patterns/contact/contact.twig

{{ attach_library('finstral_global/pattern-contact') }}

<section class="Contact u-container u-grid">
	<div class="Contact-media">
		{{ media }}
	</div>
	<div class="Contact-details">
		{{ details }}
	</div>
</section>

Variants

default

Open

default mock data

media:
  $tpl: /elements/image
  uri: /build/assets/img/dummy/contact.webp
  width: 743
  height: 557
  alt: Sample alt text
details:
  $tpl: /patterns/contact/details
  $ref: /patterns/contact/details

Questions about products or orders?

Windows, front doors and glass walls are investments that last for decades. We would be happy to advise you personally – virtually too, of course. We are always there for you.