aside

Information

Folder
src/components/template-components/content/aside

Files

Schema
// 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
Mocks
// src/components/template-components/content/aside/mocks.yaml

items:
  - content:
      $tpl: patterns/rich-text
      content: >-
        <h2>Author</h2> <p>Volkan Jacobsen,<br>Partner &amp; Managing
        Director</p>
    type: rich-text
  - content:
      $tpl: patterns/tags
      $ref: patterns/tags#with-heading
    type: tags
Template
// 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>

Variants

default
Open

Author

Volkan Jacobsen,
Partner & Managing Director

Tags