Pinecone

Notification: Error 

<div class="spacer"></div>
<div class="notification notification--error" 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--error" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/error.svg#error" />
        </svg>
        Error</p>
    <div class="notification__content">You have reached the maximum amount of 25 saved searches. To save more, you must delete some saved searches in your saved searches page.</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": "error",
  "title": "Error",
  "content": "You have reached the maximum amount of 25 saved searches. To save more, you must delete some saved searches in your saved searches page.",
  "standAlone": false,
  "bodyClass": "has-off-white-background-color",
  "modifier": "error"
}

There are no notes for this item.