Intro

Intro text

When to use this component

When not to use this component

How it works

{% if intro %}
      <div class="intro">
        {% include '@paragraph' with {
          'text': intro
        } %}
      </div>
    {% endif %}
<!-- Default -->
<div class="intro">
              <p class="">Lorem ipsum</p>
          </div>

<!-- With Strong Paragraph -->
<div class="intro">
              <p class=""><strong>Lorem ipsum</strong></p>
          </div>

/* Default */
{
  "intro": "Lorem ipsum"
}

/* With Strong Paragraph */
{
  "intro": "<strong>Lorem ipsum</strong>"
}

  • Content:
    .intro {
      margin-bottom: 2rem;
      font-size: .9rem;
    }
    
  • URL: /components/raw/intro/_intro.scss
  • Filesystem Path: components/31-molecules/intro/_intro.scss
  • Size: 54 Bytes