Amount Frame

No notes defined.

<div class="sds-amount">

    <div class="sds-amount__body">
        <span class="sds-amount__value"></span>

    </div>

</div>
 
<div class="{{ namespace }}amount{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	{% if blurred %}
	<button type="button" class="{{ namespace }}amount__blurToggle">
		<span class="sr-only">Toggle amount visibility, currently, the amount is {visibility}</span>
	</button>
	{% endif %}
	<div class="{{ namespace }}amount__body"{% if blurred %} aria-hidden="true"{% endif %}>
		<span class="{{ namespace }}amount__value">{{ text }}</span>
		{% if currency %}
			<span class="{{ namespace }}amount__currency">{{ currency }}</span>
		{% endif %}
		{% if prefix %}
			<span class="{{ namespace }}amount__prefix">
				<span class="{{ namespace }}icon {{ namespace }}icon-alert" aria-hidden="true"></span>
				<span class="sr-only">(Message pour lecteurs d'écran: p.ex: en cours de traitement)</span>
			</span>
		{% endif %}
	</div>
	{% if frequency %}
		<span class="{{ namespace }}amount__suffix">
			{{ frequency }}
		</span>
	{% endif %}
</div>