As of January 3rd, 2023 the Working NYC Pattern library package is deprecated in favor of the NYC Opportunity Standard which contains updated user interface elements and usability guidance.
Feedback
Demonstration
Markup
<section class="shadow-up tablet:shadow-none z-10 sticky o-navigation-spacing-bottom" data-js="feedback">
<div class="layout-content bg-scale-2">
<div class="tablet:px-3 tablet:py-2">
<article class="c-alert status-primary" data-js="alert-warning">
<div class="c-alert__graphic">
<svg aria-hidden="true" class="icon-wnyc-ui">
<use href="#feather-help-circle"></use>
</svg>
</div>
<div class="c-alert__body py-2 pie-2">
<p data-js-alert="text">How can we improve this website? Let us know by <a class='link-icon' href='#' target='_blank'>
<span>sending us feedback</span>
<svg aria-hidden='true' class='icon-wnyc-ui rtl:flip'>
<use href='#feather-external-link'></use>
</svg>
</a>
</p>
</div>
</article>
</div>
</div>
</section>