src/components/template-components/content/aside// src/components/template-components/content/aside/schema.yaml
$schema: http://json-schema.org/draft-07/schema
$id: /template-components/content/aside
additionalProperties: false
type: object
required:
- items
properties:
items:
type: array
items:
type: object
required:
- content
properties:
content:
type: string
format: html
description: patterns/*
type:
type: string
// src/components/template-components/content/aside/mocks.yaml
items:
- content:
$tpl: patterns/rich-text
content: >-
<h2>Author</h2> <p>Volkan Jacobsen,<br>Partner & Managing
Director</p>
type: rich-text
- content:
$tpl: patterns/tags
$ref: patterns/tags#with-heading
type: tags
// src/components/template-components/content/aside/aside.twig
<div class="Aside">
{% for item in items %}
<div class="Aside-item{% if item.type %} Aside-item--{{ item.type }}{% endif %}">
{{ item.content }}
</div>
{% endfor %}
</div>
Volkan Jacobsen,
Partner & Managing Director