List Item: Info Circle Btn

No notes defined.

<div class="sds-listItem sds-hoverContentSecondary position-relative">
    <span class="sds-iconCircle -info100" aria-hidden="true">

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

    </span>

    <div class="sds-listItem__text">
        <div class="sds-listItem__textMain sds-textSemiBold">{Link}</div>

        <div class="sds-listItem__textMeta sds-textHelper">{description}</div>

    </div>

    <div class="sds-listItem__rightContent">
        <button type="button" class="sds-btn -btnSecondary stretched-link">

            <span class="sds-btn__text">button text</span>

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

        </button>
    </div>

</div>
 
<{{ eltType }}
{% if eltType === "button" %} type="button"{% elseif eltType === "a" %} href="{{ href }}"{%- endif -%}
class="{{ namespace }}listItem {{ namespace }}hoverContentSecondary{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}"
{% for attrKey, attr in attrs %} {{ attrKey }}="{{ attr }}"{% endfor %}
>
{% render "@icon-circle-regular--info-100",{
	classes: iconCircleClasses,
	icon: iconCircleIcon
},true %}
<div class="{{ namespace }}listItem__text">
	<div class="{{ namespace }}listItem__textMain{% if textMainSemiBold %} {{ namespace }}textSemiBold{% endif %}">{{ text }}</div>
	{% if helperText %}
		<div class="{{ namespace }}listItem__textMeta {{ namespace }}textHelper">{{ helperText }}</div>
	{% endif %}
</div>
{% if rightContent %}
	<div class="{{ namespace }}listItem__rightContent">
		{% render "@btn-secondary--icon-right",{
			eltType: btnEltType,
			text: btnText,
			icon: "icon-chevronright",
			classes: ["stretched-link"],
			attrs: btnAttrs
		},true %}
	</div>
{% endif %}
</{{ eltType }}>