twigfiddle.com - Fiddle 0n8zg8 v1 - Created on September 22, 2018 20:53

More options...

Title

File

{% for button in buttons %}
    {% embed "atoms-button.twig" %}
        {% block tag %}{{ button.tag }}{% endblock %}
        {% block link %}{{ button.link | e }}{% endblock %}
        {% block modifier %}{{ button.modifier }}{% endblock %}
        {% block text %}{{ button.text | e }}{% endblock %}
    {% endembed %}
{% endfor %}

File

{% block button %}
<{% block tag %}{{ button.tag }}{% endblock %} {% if button.link is defined %}href="{% block link %}{{ button.link | e }}{% endblock %}"{% endif %} class="button {% block modifier %}{{ button.modifier }}{% endblock %}">
    {% block text %}{{ button.text | e }}{% endblock %}
</{{ block('tag') }}>
{% endblock %}

Format

{
  "buttons": {
    "button1": {
      "tag": "button",
      "link": "http://www.google.com",
      "text": "Test Button 1",
      "modifier": ""
    },
    "button2": {
      "tag": "a",
      "link": "http://www.beaconfire-red.com",
      "text": "Test Button 2",
      "modifier": "red"
    }
  }
}

Fiddle 0n8zg8 created on September 22, 2018 20:53 and visited 9 times

Developed using

Not logged in.

twigfiddle.com @ 2024
Ask a question on Stackoverflow Report issue Download source code