<div class="modal-wrapper js-modal" id="help-text-example">
    <div class="modal-overlay js-modal-overlay"></div>
    <div class="modal modal--help-text modal--mobile-overlay">
        <div class="modal__inner">
            <button class="modal__close js-modal-close-button">
        <svg class="icon icon--close-large">
  <use xlink:href="/assets/icons/icons.svg#close-large"></use>
</svg>

      </button>
            <div class="modal__content">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ante sapien, iaculis vel urna in.
            </div>
        </div>
    </div>
</div>
<div class="modal-wrapper js-modal" id="{{id}}">
  <div class="modal-overlay js-modal-overlay"></div>
  <div class="modal modal--help-text modal--mobile-overlay">
    <div class="modal__inner">
      <button class="modal__close js-modal-close-button">
        {{render '@icons--close-large'}}
      </button>
      <div class="modal__content">
        {{#if value}}
        {{value}}
        {{/if}}
      </div>
    </div>
  </div>
</div>
{
  "modal": true,
  "id": "help-text-example",
  "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ante sapien, iaculis vel urna in."
}
  • Content:
    .modal--help-text {
      .modal__inner {
        max-width: 450px;
      }
    
      .modal__content {
        padding: 20px 50px 0 20px;
      }
    }
    
  • URL: /components/raw/help-text/help-text.scss
  • Filesystem Path: src/components/01-elements/modals/help-text/help-text.scss
  • Size: 122 Bytes

There are no notes for this item.