ウェブサイトやウェブアプリでカードUIをお手軽に実現するWeb Component <griddle-cards>の最新版をご利用いただけるようになりました。
最新版の griddle-cards を入手
- ソースコード: Release 0.4.3 · griddles-ui-card/griddle-cards · GitHub
- デモ: griddles-ui-card/Demos-griddle-cards · GitHub
griddle-cards の使い方をチラ見
① HTMLファイルにgriddle-cardsタグを書く
今回の例では書いていませんが、必要に応じてタグの属性としてcspおよびnorippleを追加することができます。前者はChromeアプリのようにContent Security Policy (CSP)が厳しい場面で使用するときに書き加えてください。後者はカードをクリックしたときにデフォルトで現れる水面の波紋のようなアニメーション(ripple)を無効にします。
