EC System

RSS Link

Why and how to use this component

The RSS link should be used on the top of list pages where content is often refreshed, as it provides users with an easy way to know when new items have been added.

When to use this component

  • on list pages that are frequently refreshed (e.g. articles / publications / events)
{#
  Parameters:
    - "title" (string) (default: 'Get updates:')
    - "label" (string) (default: 'RSS')
    - "href" (string) (default: '')
    - "extra_classes" (string) (default: '')
    - "extra_attributes" (array) (default: []): format: [
        {
          "name" (string) (default: ''),
          "value" (string) (default: '')
        },
        ...
      ]
#}

{% include '@ecl/generic-component-rss-link' with {
  'title': title|default('Get updates:'),
  'label': label|default('RSS'),
  'href': href|default(''),
  'extra_classes': extra_classes|default(''),
  'extra_attributes': extra_attributes|default([]),
  'system': 'ec'
} only %}
{
  "title": "Get updates:",
  "label": "RSS",
  "href": "../../example.html#rss"
}
<div class="ecl-rss-link">
  <span class="ecl-rss-link__label">Get updates:</span>

  <a class="ecl-link ecl-rss-link__link ecl-social-icon ecl-social-icon--rss" href="../../example.html#rss">RSS</a>
</div>
  • Content:
    /**
     * Blockquotes
     * @define rss-link
     */
    
    // Import base and generic
    @import '@ecl/ec-base/ec-base';
    @import '@ecl/generic-component-rss-link/generic-component-rss-link';
    
    // Check if overridden dependencies are already loaded, if needed
    @include check-imports(('ec-component-social-icon'));
    
    // Use generic mixin
    @include exports('ec-component-rss-link') {
      @include ecl-rss-link();
    }
    
  • URL: /components/raw/ec-component-rss-link/ec-component-rss-link.scss
  • Filesystem Path: ../../src/systems/ec/ec-component/ec-component-rss-link/ec-component-rss-link.scss
  • Size: 389 Bytes
  • Handle: @ecl/ec-component-rss-link
  • Tags: molecule
  • Preview:
  • Filesystem Path: ../../src/systems/ec/ec-component/ec-component-rss-link/ec-component-rss-link.twig