ポリマーグリッドをクリック可能にする方法

Question

ポリマーグリッドアイテムの作成方法は、材料設計仕様（主アクション）のように "a href"として機能することができますか？これは材料設計仕様書へのリンクです：https://material.google.com/components/grid-lists.html#grid-lists-content。

Answer 1

docsを読んだことがありますか？

<dom-module id="grid-test"> 
    <template> 
    <style include="app-grid-style"> 
     :host { 
     --app-grid-columns: 3; 
     --app-grid-item-height: 100px; 
     } 

     div { 
     padding: 0; 
     list-style: none; 
     } 

     .item { 
     background-color: white; 
     border: 1px solid black; 
     } 
    </style> 

    <div class="app-grid"> 
     <a href="#" class="item">1</a> 
     <a href="#" class="item">2</a> 
     <a href="#" class="item">3</a> 
     <a href="#" class="item">4</a> 
     <a href="#" class="item">5</a> 
     <a href="#" class="item">6</a> 
     <a href="#" class="item">7</a> 
     <a href="#" class="item">8</a> 
     <a href="#" class="item">9</a> 
     <a href="#" class="item">10</a> 
     <a href="#" class="item">11</a> 
     <a href="#" class="item">12</a> 
     <a href="#" class="item">13</a> 
     <a href="#" class="item">14</a> 
    </div> 
    </template> 
    <script> 
    Polymer({ 
     is: "grid-test" 
    }); 
    </script> 
</dom-module>