Skip to content

Latest commit

 

History

History
28 lines (16 loc) · 825 Bytes

README.md

File metadata and controls

28 lines (16 loc) · 825 Bytes

Custom Elements - Slots

Goals:

Commands

  • Server : npm run start-06
  • Tests : npm test -- -t 06

Files to modify

  1. components/stencil-users/stencil-users.tsx
  2. components/stencil-card/stencil-card.tsx

Description

The goal is to enable named slots in stencil-card then use them in stencil-users

Steps stencil-card

  1. create three named slots: title, subtitle and content in the right position (see comments in the render method)

Steps stencil-users

  1. Loop through users and use stencil-card named slots to display user's name, location and bio (see comments in the render method)