Forms
Styling and template for the <form>
tag.
{#
Parameters:
- "content" (string) (default: '')
- "extra_classes" (string) (default: '')
- "extra_attributes" (array) (default: []): format: [
{
"name" (string) (default: ''),
"value" (string) (default: '')
},
...
]
Blocks:
- "form": main content
#}
{# Internal properties #}
{% set _css_class = 'ecl-form' %}
{% set _extra_attributes = '' %}
{% set _content = content|default('') %}
{# Internal logic - Process properties #}
{% if extra_classes is defined and extra_classes is not empty %}
{% set _css_class = _css_class ~ ' ' ~ extra_classes %}
{% endif %}
{% if extra_attributes is defined and extra_attributes is not empty and extra_attributes is iterable %}
{% for attr in extra_attributes %}
{% set _extra_attributes = _extra_attributes ~ ' ' ~ attr.name ~ '="' ~ attr.value|e ~'"' %}
{% endfor %}
{% endif %}
{# Print the result #}
<form class="{{ _css_class }}"{{ _extra_attributes }}>
{% block form _content %}
</form>
/* No context defined for this component. */
<form class="ecl-form">
</form>
-
Content:
/** * Form * @define form */ // Import base and generic @import '@ecl/eu-base/eu-base'; @import '@ecl/generic-component-form-form/generic-component-form-form'; // Use generic mixin @include exports('eu-component-form-form') { @include ecl-form(); }
- URL: /components/raw/eu-component-form-form/eu-component-form-form.scss
- Filesystem Path: ../../src/systems/eu/eu-component/eu-component-form/eu-component-form-form/eu-component-form-form.scss
- Size: 256 Bytes
- Handle: @ecl/eu-component-form-form
- Tags: atom
- Preview:
- Filesystem Path: ../../src/systems/eu/eu-component/eu-component-form/eu-component-form-form/eu-component-form-form.twig