Europa Component Library

Form groups

Documentation • Demo

Form groups

{# Internal properties #}

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

{# Internal logic - Process properties #}

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

<div class="ecl-form-group">
  {% block form_group content %}
</div>
 
/* No context defined for this component. */
 
<div class="ecl-form-group">
</div>
  • Content: 
    /**
 * Form Group
 * @define form-group
 */

.ecl-form-group {
  @include ecl-hidden-print();

  margin: 0;
}

/* Spacing */

/* stylelint-disable-next-line plugin/selector-bem-pattern */
* + .ecl-form-group {
  margin-top: map-get($ecl-spacing, 'm');
}
  • URL: /components/raw/ecl-forms-form-groups/_form-groups.scss
  • Filesystem Path: framework/components/ecl-forms/ecl-forms-form-groups/_form-groups.scss
  • Size: 254 Bytes
  • Handle: @ec-europa/ecl-forms-form-groups
  • Tags: atom
  • Preview:
  • Filesystem Path: framework/components/ecl-forms/ecl-forms-form-groups/ecl-forms-form-groups.twig