Modal Base Frame

Frames are only ever used for other elements. They are never used directly as is. The only exception to that rule are the page frames. Refer to the info Tab to see where they are used. 
<div class="sds-modal modal fade" id="" aria-hidden="true" tabindex="-1">
    <div class="sds-modal__dialog modal-dialog">
        <div class="sds-modal__content modal-content">

            <div class="sds-modal__body modal-body">

            </div>

        </div>
    </div>
</div>
 
<div class="{{ namespace }}modal modal fade{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}" id="{{ modalID }}" {% if backdropStatic %}data-backdrop="static"{% endif%}{% if noBackdrop %} data-backdrop="false"{% endif%}{% if noKeyboardInteraction %} data-keyboard="false"{% endif%} aria-hidden="true" tabindex="-1" >
	<div class="{{ namespace }}modal__dialog modal-dialog{% for mod in dialogModifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
		<div class="{{ namespace }}modal__content modal-content">
			{% if header %}
			<div class="{{ namespace }}modal__header modal-header">
			{% endif %}
				{% block header %}
				{% endblock %}
			{% if header %}
			{% if close %}
				{% render "@icon-btn-secondary--ghost", {
					classes: [namespace + "modal__close"],
					icon: "icon-close",
					attrs: {
						"data-dismiss": "modal",
						"aria-label": "Close"
					}
				},true %}
			{% endif %}
			</div>
			{% endif %}
			{% if contentReveal %}
				<div class="{{ namespace }}modal__reveal">
			{% endif %}
			{% if bodyContentLoading %}
			<div class="{{ namespace }}modal__body -isLoading modal-body">
			{% endif %}
				{% block bodyContentLoading %}
				{% endblock %}
			{% if bodyContentLoading %}
			</div>
			{% endif %}
			<div class="{{ namespace }}modal__body modal-body"{% if bodyLoading %} inert{% endif %}>
				{% block body %}
				{% endblock %}
			</div>
			{% if footer %}
			<div class="{{ namespace }}modal__footer modal-footer{% if footerContentCentered %} {{ footerContentCentered }}{% endif %}">
			{% endif %}
				{% block footer %}
				{% endblock %}
				{% if footer %}
			</div>
			{% endif %}
			{% if contentReveal %}
				</div>
			{% endif %}
		</div>
	</div>
</div>