Europa Component Library

Forms

Styling and template for the <form> tag.

{# Internal properties #}

{% set _css_class = 'ecl-form' %}
{% set _extra_attributes = '' %}

{# Internal logic - Process properties #}

{% if extra_class is defined %}
  {% set _css_class = _css_class ~ ' ' ~ extra_class %}
{% endif %}

{% if extra_attributes is defined %}
  {% for attr in extra_attributes %}
    {% set _extra_attributes = _extra_attributes ~ ' ' ~ attr.name ~ '="' ~ attr.value ~ '"' %}
  {% endfor %}
{% endif %}

<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
     */
    
    .ecl-form {
      margin: 0;
      padding: 0;
    }
    
  • URL: /components/raw/ecl-forms-forms/_forms.scss
  • Filesystem Path: framework/components/ecl-forms/ecl-forms-forms/_forms.scss
  • Size: 74 Bytes
  • Handle: @ec-europa/ecl-forms-forms
  • Tags: atom
  • Preview:
  • Filesystem Path: framework/components/ecl-forms/ecl-forms-forms/ecl-forms-forms.twig