使用帶有 Modal Share Fork 圖示的自定義元素工具欄

在要顯示產品/專案組合的任何頁面上,呼叫自定義元素,如下所示:

<article id="project-neighbourhood">
    <div class="row">
        <div class="col-12 hero">
            <img src="path-to-hero-image">
        </div>
    </div>
    <tool-bar link2-share="http://www.mywebsite.com/neighbourhood" link2-fork="https://github.com/myusername/neighbourhood" modal-id="project-neighbourhood-map" title="project-neighbourhood-map">
                <div class="col-12">
                      <p> a single-page application featuring a map of my neighborhood or a neighborhood I would like to visit. I will then add additional functionality to this application, including: map markers to identify popular locations or places you’d like to visit, a search function to easily discover these locations, and a listview to support simple browsing of all locations. I will then research and implement third-party APIs that provide additional information about each of these locations (such as Street View images, Wikipedia articles, Yelp reviews, etc).</p>
               </div>
    </tool-bar>
</article>

你得到這個預覽

StackOverflow 文件

當你點選資訊時,你會得到這個

http://i.stack.imgur.com/vXlcQ.jpg