twigfiddle.com - Fiddle 3gp5ia v1 - Created on August 17, 2017 14:34

File

{% import 'macros.twig' as macro %}
<button{{ include('proton.twig') -}}
       {{ macro.addAttribute('aria-label', ariaLabel ?? null) -}}
       {{ macro.setDisabled('btn--disabled', _context) -}}
       
       {#
       {{ isDisabled ?? false ? ' disabled="disabled"' -}}
       {{ macro.addAttribute('class', classList ?? '' ~ (isDisabled ?? false ? ' btn--disabled')) -}}
       #}
>{{ text ?? '' }}</button>

File

{% macro addAttribute(name, value) %}
{% if value is defined and value is not null %} {{ name }}="{{ value | trim }}"{% endif %}
{%- endmacro %}

{% macro setDisabled(class, context) %}
{% import _self as macro %}
{{ context.isDisabled ?? false ? ' disabled="disabled"' -}}
{{ macro.addAttribute('class', context.classList ?? '' ~ (context.isDisabled ?? false ? ' ' ~ class)) -}}
{%- endmacro %}

File

{% import "macros.twig" as macro %}

{{- macro.addAttribute('accesskey', accessKey ?? null) -}}
{{ macro.addAttribute('contenteditable', contenteditable ?? null) -}}
{{ macro.addAttribute('contextmenu', contextmenu ?? null) -}}
{{ macro.addAttribute('dir', dir ?? null) -}}
{{ macro.addAttribute('draggable', draggable ?? null) -}}
{{ macro.addAttribute('id', id) -}}
{{ macro.addAttribute('lang', lang ?? null) -}}
{{ macro.addAttribute('spellcheck', spellcheck ?? null) -}}
{{ macro.addAttribute('tabindex', tabindex ?? null) -}}
{{ macro.addAttribute('title', title ?? null) -}}
{{ macro.addAttribute('translate', translate ?? null) -}}
{{ isHidden | default(false) ? ' hidden="hidden"' -}}
{% for key, value in attributes ?? [] %}
    {{- ' ' ~ key }}="{{ value }}"
{%- endfor %}

Format

{
    "text": "Click Me",
    "id": "button-1",
    "tabindex": "-1",
    "isHidden": false,
    "dir": "ltr",
    "classList": "btn",
        "isDisabled": true,
    "attributes": {
       "data-key": "twenty",
       "data-value": "three",
       "type": "button"
    },
    "accessKey": "A",
    "contenteditable": "true",
    "contextmenu": "menu-id",
    "draggable": "true",
    "lang": "en-IE",
    "spellcheck": "auto",
    "title": "This is a button that does nothing",
    "translate": "false"
}

Fiddle 3gp5ia created on August 17, 2017 14:34 by

iandevlin and visited 56 times