Popover: Feedback

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>
    <h3 class="popover-header"></h3>
    <div class="popover-body">
        <div class="sds-stackMd">
            <p class="sds-textBold sds-textHelper">
                Ce guide vous a-t-il été utile?
            </p>
            <div class="sds-captcha">
                <div class="sds-captcha__inner">

                    <button type="button" class="sds-badgeSelector -cta sds-captcha__selectorShape -cta">

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

                    </button>

                    <button type="button" class="sds-badgeSelector -cta sds-captcha__selectorShape -cta">

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

                    </button>

                    <button type="button" class="sds-badgeSelector -cta sds-captcha__selectorShape -cta">

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

                    </button>

                    <button type="button" class="sds-badgeSelector -cta sds-captcha__selectorShape -cta">

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

                    </button>

                    <button type="button" class="sds-badgeSelector -cta sds-captcha__selectorShape -cta">

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

                    </button>

                </div>
                <div class="sds-captcha__error invalid-feedback">
                    captcha error message
                </div>
            </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 }}">
	<span class="arrow" data-popper-arrow aria-hidden="true"></span>
	<h3 class="popover-header"></h3>
	<div class="popover-body">
		<div class="{{ namespace }}stackMd">
			<p class="{{ namespace }}textBold {{ namespace }}textHelper">
				Ce guide vous a-t-il été utile?
			</p>
			{% render "@captcha--cta",captchaOptions,true %}
		</div>
	</div>
</div>