{% stories my_card with { title: 'Atoms/Links' } %}
  {% story links with {
    name: 'Links',
  } %}
    {% include "@rocketship-theme-starter-atoms/01-links/00-link/_link.twig" with {
      link_content: 'Link text',
      link_url: '#atoms-links-link--link-field',
      field_name: 'field_link_test',
      field_type: 'link',
    } %}
  {% endstory %}

  {% story link_empty with {
    name: 'Link empty'
  } %}
    {% include "@rocketship-theme-starter-atoms/01-links/00-link/_link.twig" with {
      link_content: 'Empty link',
      link_url: '#atoms-links-link--link-empty',
      no_link: true
    } %}
  {% endstory %}

  {% story link_more with {
    name: 'Link more',
  } %}
    {% include "@rocketship-theme-starter-atoms/01-links/00-link/_link.twig" with {
      link_content: 'Link text',
      link_url: '#atoms-links-link--link-field',
      bem_link_modifiers: [
        'more',
      ]
    } %}
  {% endstory %}

  {% story link_more_big with {
    name: 'Link more big',
  } %}
    {% include "@rocketship-theme-starter-atoms/01-links/00-link/_link.twig" with {
      link_content: 'Link text',
      link_url: '#atoms-links-link--link-field',
      bem_link_modifiers: [
        'more-big',
      ]
    } %}
  {% endstory %}

  {% story link_back with {
    name: 'Link back',
  } %}
    {% include "@rocketship-theme-starter-atoms/01-links/00-link/_link.twig" with {
      link_content: 'Link text',
      link_url: '#atoms-links-link--link-field',
      bem_link_modifiers: [
        'back',
      ]
    } %}
  {% endstory %}

  {% story link_cke with {
    name: 'Links in CKE',
  } %}
    <div class="text-long">
      {% include "@rocketship-theme-starter-atoms/01-links/00-link/_link.twig" with {
        link_content: 'Link in CKE (static)',
        link_url: '#atoms-links-link--link-cke',
      } %}
    </div>
  {% endstory %}
{% endstories %}
