CardTeam

avatar, name and role for a people grid.

Live preview

Amir N.

Backend

GitHub · X

Install

From your site folder, run:

Copyjprot add CardTeam

That downloads the self-contained component into theme/components/CardTeam.js,

where it is picked up automatically — the same way as any built-in component.

To remove it later, just delete that file.

Use it as a homepage section

Add an entry to the sections: list in jprot.config.js:

Copysections: [
  { component: 'CardTeam', title: 'CardTeam' },
]

Use it inside a page

On its own line in any Markdown file, passing the props:

Copy:::CardTeam avatar="https://picsum.photos/seed/team1/200" name="Amir N." role="Backend" social="GitHub · X"

Props

Prop	Type	Note
avatar	string	photo URL
name	string	member name
role	string	role
social	string	small footer text

↩ Back to all elements