Nature's Particle Manager

    @ecl/generic-component-logo

    1.5.0 • Public • Published

    EC logo

    Default EC logo.

    <a href="https://ec.europa.eu" class="ecl-logo" title="European Commission">
      <span class="ecl-u-sr-only">European Commission</span>
    </a>

    Or using Twig:

    {% include '@ecl/generic-component-logo' with {
      'href': 'https://ec.europa.eu',
      'title': 'European Commission',
    } %}

    EC logotype

    EC logo with text. Add ecl-logo--logotype class to use it:

    <a href="https://ec.europa.eu" class="ecl-logo ecl-logo--logotype" title="European Commission">
      <span class="ecl-u-sr-only">European Commission</span>
    </a>

    Or using Twig:

    {% include '@ecl/generic-component-logo' with {
      'href': 'https://ec.europa.eu',
      'title': 'European Commission',
      'type': 'right',
    } %}

    EC logotype with text below the logo

    EC logo with text below. Add ecl-logo--logotypebelow class to use it:

    <a href="https://ec.europa.eu" class="ecl-logo ecl-logo--logotypebelow" title="European Commission">
      <span class="ecl-u-sr-only">European Commission</span>
    </a>

    Or using Twig:

    {% include '@ecl/generic-component-logo' with {
      'href': 'https://ec.europa.eu',
      'title': 'European Commission',
      'type': 'below',
    } %}

    External classes

    Additionally, you can add external classes with the extra_class optional parameter.

    For example:

    {% include '@ecl/generic-component-logo' with {
      'href': 'https://ec.europa.eu',
      'title': 'Home - European Commission',
      'type': 'right',
      'extra_classes': 'site-header__logo'
    } %}

    Install

    npm i @ecl/generic-component-logo

    DownloadsWeekly Downloads

    126

    Version

    1.5.0

    License

    EUPL-1.1

    Unpacked Size

    5.71 kB

    Total Files

    5

    Last publish

    Collaborators

    • papegaill
    • yhuard
    • kalin.chernev
    • weslito
    • emeryro
    • planctus