Popover Old: Default

No notes defined.

<div class="sds-popover popover fade  show" role="tooltip" data-step="step" data-placement="">
    <span class="arrow" data-popper-arrow aria-hidden="true"></span>

    <div class="popover-body">
        <div class="sds-stackMd sds-textBodyLg">
            <p>
                <span class="d-block">
                    <span class="h2 sds-colorInherit"></span>/4
                </span>
                Changez de type d’action, lorem ipsum dolor sit amet.
            </p>
            <ul class="sds-btnGroup">

                <li>
                    <button type="button" class="sds-btn -iconBtn -btnSecondary -btnInverse">

                        <span class="sds-icon sds-icon-arrowprevious"></span>

                    </button>
                </li>

                <li>
                    <button type="button" class="sds-btn -iconBtn -btnSecondary -btnInverse">

                        <span class="sds-icon sds-icon-arrownext"></span>

                    </button>
                </li>
            </ul>
        </div>
    </div>
</div>
 
<div class="{{ namespace }}popover popover fade {% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}"{% if inlineStyles %} style="{{ inlineStyles }}"{% endif %}role="tooltip" data-step="step{{ step }}" data-placement="{{ placement }}" {% if imgSrc %} data-img-src="{{ imgSrc }}"{% endif %}>
	<span class="arrow" data-popper-arrow aria-hidden="true"></span>
	{% if title %}
		<h3 class="popover-header">{{ title }}</h3>
	{% endif %}
	<div class="popover-body">
		<div class="{{ namespace }}stackMd {{ namespace }}textBodyLg">
			<p>
				<span class="d-block">
					<span class="h2 {{ namespace }}colorInherit">{{ step }}</span>/4
				</span>
				Changez de type d’action, lorem ipsum dolor sit amet.
			</p>
			<ul class="{{ namespace }}btnGroup">
				{% if first %}
				{% else %}
					<li>
						{% render "@icon-btn-secondary-inverse",{
							icon: "icon-arrowprevious",
							attrs: popoverAttrsPrevious
						},true %}
					</li>
				{% endif %}
                    <li>
                        {% render "@icon-btn-secondary-inverse",{
                            icon: "icon-arrownext",
                            attrs: popoverAttrsNext
                        },true %}
                    </li>
			</ul>
		</div>
	</div>
</div>