Web Share

<nav class="c-web-share">
  <button aria-controls="web-share-fallback" aria-expanded="false" class="btn btn-small btn-primary" data-js="web-share" data-web-share="{&quot;title&quot;:&quot;ACCESS NYC&quot;,&quot;text&quot;:&quot;Find help with food, money, housing, and more on ACCESS NYC&quot;,&quot;url&quot;:&quot;https://access.nyc.gov&quot;}">
    <svg class="c-web-share__icon icon-ui">
      <use xlink:href="#icon-ui-share-2"></use>
    </svg>Share
  </button>
  <div aria-hidden="true" class="c-web-share__fallback color-info-status hidden:fadeInUp animated hidden" id="web-share-fallback" role="region">
    <div class="c-web-share__fallback-body">
      <label class="c-web-share__label" for="web-share-url">Share this URL</label>
      <input class="c-web-share__input" data-copy-target="web-share-url" id="web-share-url" name="web-share-url" type="text" value="https://access.nyc.gov" />
      <button aria-pressed="false" class="c-web-share__item c-web-share__copy btn btn-small btn-primary" data-copy="web-share-url" data-js="copy">
        <svg class="c-web-share__icon icon icon-ui">
          <use xlink:href="#icon-ui-copy"></use>
        </svg>
        <svg class="c-web-share__icon icon-pressed icon-ui me-1">
          <use xlink:href="#icon-ui-check"></use>
        </svg>Copy URL
      </button>
      <a class="c-web-share__item btn btn-small btn-primary" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Faccess.nyc.gov" target="_blank">
        <svg class="c-web-share__icon icon-ui">
          <use xlink:href="#icon-ui-facebook"></use>
        </svg>Facebook
      </a>
      <a class="c-web-share__item btn btn-small btn-primary" href="https://twitter.com/intent/tweet?text=Find%20help%20with%20food%2C%20money%2C%20housing%2C%20and%20more%20on%20ACCESS%20NYC%20https%3A%2F%2Faccess.nyc.gov" target="_blank">
        <svg class="c-web-share__icon icon-ui">
          <use xlink:href="#icon-ui-twitter"></use>
        </svg>Twitter
      </a>
    </div>
  </div>
</nav>