cross-framework-web-components-8

cards.ts

...

import { html, LitElement } from 'lit';
import { repeat } from 'lit/directives/repeat.js';

@customElement('cards-images')
export class Cards extends LitElement {
    ...
    
    render() {
      return html` <div class="cards">
        <ul>
          ${repeat(this.cards, (current) => html` <card-image .card=${current}></card-image> `)}
        </ul>
      </div>`;
  }
}