twigfiddle.com - Fiddle crvlyu v1 - Created on September 22, 2018 08:30

More options...

Title

File

<{% 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') }}>

File

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

Format

{
  "button": {
    "tag": "button",
    "link": "http://www.beaconfire-red.com",
    "text": "Test 3",
    "modifier": ""
  },
  "buttons": [
    {
      "button": {
        "tag": "button",
        "link": "http://www.beaconfire-red.com",
        "text": "Test 1",
        "modifier": ""
      }
    }, {
      "button": {
        "tag": "a",
        "link": "http://www.facebook.com",
        "modifier": "red",
        "text": "Test 2"
      }
    }
  ]
}

Fiddle crvlyu created on September 22, 2018 08:30 and visited 18 times

Developed using

Not logged in.

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