{# @var craft \craft\web\twig\variables\CraftVariable #} {# @var entry \craft\elements\Entry #} {# News Entry Template ------------------------------------------------------------ When you view a single news on the website, this template gets loaded. #} {% extends "_layouts/_dev.html" %} {% set bodyClass = "p-development p-forms" %} {% if seomaticSiteMeta ?? null %} {% set seomaticMeta = seomaticMeta | merge({'seoTitle': 'DEV: Forms' }) %} {% else %} {% set appTitle = 'DEV: Forms' %} {% endif %} {# -- CRITICAL CSS -- #} {% block appInlineCSS %} {% endblock %} {% block appContent %}
{# -- headline -- #} {%- include '_atoms/headline/_template.html' with { opt: { text: 'DEV: Forms', size: 'h1' } } only %} {# -- Nav -- #} {% include 'dev/_nav.html' %}
{% for i in 1..3 %} {% include '_atoms/radio/_template.html' with { options: { disabled: i == '2' ? true : false, name: 'radioGroup', id: 'radio-' ~ i, data: { 'size': 'sizie-' ~ i, 'gender': 'gender-' ~ i }, value: 'value-' ~ i, label: 'Radio ' ~ i } } only %} {% endfor %}
{% for i in 1..3 %} {% include '_atoms/checkbox/_template.html' with { options: { disabled: i == '2' ? true : false, name: 'radioGroup', id: 'checkbox-' ~ i, data: { 'size': 'sizie-' ~ i, 'gender': 'gender-' ~ i }, value: 'value-' ~ i, label: 'Checkbox ' ~ i } } only %} {% endfor %}
{% for i in 1..3 %} {% include '_atoms/input/_template.html' with { options: { data: { 'size': 'sizie-' ~ i, 'gender': 'gender-' ~ i }, name: 'input-' ~ i, id: 'id-' ~ i, type: 'input', label: 'Input ' ~ i, value: '', placeholder: 'Placeholder ' ~ i, } } only %} {% endfor %}
{% include '_atoms/button/_template.html' with { options: { url: '#test', modifiers: [], text: 'Button', icon: 'social/twitter' } } only %}
{% include '_atoms/textarea/_template.html' with { options: { data: { 'size': 'sizie-', 'gender': 'gender-' }, name: 'textarea', id: 'id', label: 'Textarea ', value: '', placeholder: 'Placeholder ', } } only %}
{% endblock %}