Pinecone

Notification: Success 

<div class="spacer"></div>
<div class="notification notification--success" role="alert">
    <button id="button" type="button" class="button button--borderless"><svg class="icon icon--close" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/close.svg#close" />
        </svg>
        <span class="button__label screen-reader-text">Close notification</span></button>
    <p class="notification__title"><svg class="icon icon--success" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/success.svg#success" />
        </svg>
        Success</p>
    <div class="notification__content">You have successfully saved this search. You can save 24 more. You can see this search in your <a href="/saved-searches">saved searches page</a>.</div>
</div>
 
{% if not standAlone %}<div class="spacer"></div>{% endif %}
<div class="notification{% if modifier %} notification--{{ modifier }}{% endif %}" role="alert">
	{% render '@button--borderless', {
		label: 'Close notification',
		labelVisuallyHidden: true,
		icon: 'close',
		standAlone: true
	}, true %}
	<p class="notification__title">{% if icon %}{% render '@svg', {svg: icon}, true %}{% endif %}{{ title }}</p>
	<div class="notification__content">{{ content | safe }}</div>
</div>
 
{
  "icon": "success",
  "title": "Success",
  "content": "You have successfully saved this search. You can save 24 more. You can see this search in your <a href=\"/saved-searches\">saved searches page</a>.",
  "standAlone": false,
  "bodyClass": "has-off-white-background-color",
  "modifier": "success"
}

There are no notes for this item.