Cp Forecast Warning 

<div class="forecast-warning js-weather-warning">
    <button class="js-warning" type="button"></button>
    <div class="forecast-warning__info js-warning-box">
        <div class="forecast-warning__container js-warning-container">
            <h3 class="forecast-warning__title js-warning-title"></h3>
            <p class="forecast-warning__subtitle js-warning-subtitle"></p>
            <button class="forecast-warning__close js-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.3 13.3" preserveAspectRatio="xMinYMin meet">
                    <g fill-rule="evenodd" clip-rule="evenodd">
                        <path d="M.2 13.1c-.3-.3-.3-.9 0-1.2L11.9.2c.3-.3.9-.3 1.2 0s.3.9 0 1.2L1.4 13.1c-.3.3-.8.3-1.2 0z" />
                        <path d="M.2.2c.3-.3.9-.3 1.2 0l11.7 11.7c.3.3.3.9 0 1.2-.3.3-.9.3-1.2 0L.2 1.4C-.1 1.1-.1.6.2.2z" />
                    </g>
                </svg></button>
        </div>
    </div>
</div>
 
<div class="forecast-warning js-weather-warning">
     <button class="js-warning" type="button">{{{ icon }}}</button>
     <div class="forecast-warning__info js-warning-box">
         <div class="forecast-warning__container js-warning-container">
             <h3 class="forecast-warning__title js-warning-title">{{ title }}</h3>
             <p class="forecast-warning__subtitle js-warning-subtitle">{{ subtitle }}</p>
             <button class="forecast-warning__close js-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.3 13.3" preserveAspectRatio="xMinYMin meet"><g fill-rule="evenodd" clip-rule="evenodd"><path d="M.2 13.1c-.3-.3-.3-.9 0-1.2L11.9.2c.3-.3.9-.3 1.2 0s.3.9 0 1.2L1.4 13.1c-.3.3-.8.3-1.2 0z"/><path d="M.2.2c.3-.3.9-.3 1.2 0l11.7 11.7c.3.3.3.9 0 1.2-.3.3-.9.3-1.2 0L.2 1.4C-.1 1.1-.1.6.2.2z"/></g></svg></button>
         </div>
     </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.