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/tree-nav
      $ref: patterns/tree-nav
    type: tree-nav
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