Pure and simple card grid Web Component inspired by Google Web Fundamentals and Templates the Hard Way.

Install

npm install card-grid

Import

import './node_modules/card-grid/dist-web/index.js';

OR

import { CardGrid, CardItem } from './node_modules/card-grid/dist-web/index.js';

OR

<script type="module" src="./node_modules/card-grid/dist-web/index.min.js"></script>

OR

<script type="module" src="https://unpkg.com/card-grid/dist-web/index.min.js"></script>

Use

<card-grid>
  <card-item>
    <h1>Card Item</h1>
    <div class=rating>★ ★ ★ ★ ★</div>
  </card-item>
  <card-item>
    <h1>Card Item</h1>
    <div class=rating>★ ★ ★ ★ ★</div>
  </card-item>
</card-grid>

See /demo and /src for finer points.

License

MIT