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>
            <div class="sds-btnGroup">

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

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

                </button>

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

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

                </button>
            </div>
        </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>
			<div class="{{ namespace }}btnGroup">
				{% if first %}
				{% else %}
				{% render "@icon-btn-secondary-inverse",{
					icon: "icon-arrowprevious",
					attrs: popoverAttrsPrevious
				},true %}
				{% endif %}
				{% render "@icon-btn-secondary-inverse",{
					icon: "icon-arrownext",
					attrs: popoverAttrsNext
				},true %}
			</div>
		</div>
	</div>
</div>