For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
0
Sponsor

Team Slide

A team member showcase slide with avatars, roles, and bios.

Our Team

JS
Jane Smith
CEO
BL
Bob Lee
CTO
SC
Sara Chen
CPO

Installation

$ pnpm dlx shadcn@latest add @slidecn/team-slide

Usage

import TeamSlide from "@/components/slides/team-slide";
 
function MyPresentation() {
  return (
    <Deck>
      <TeamSlide
        title="Engineering"
        columns={4}
        members={[
          {
            name: "Alice",
            role: "Frontend Lead",
            avatar: "/avatars/alice.jpg",
          },
          {
            name: "Bob",
            role: "Backend Lead",
            avatar: "/avatars/bob.jpg",
            bio: "Ex-Google",
          },
        ]}
      />
    </Deck>
  );
}

API Reference

TeamSlide

PropTypeDefaultDescription
titlestring-Slide heading
membersTeamMember[]requiredTeam members
columns2 | 3 | 43Grid columns
notesstring-Speaker notes

TeamMember

FieldTypeDescription
namestringMember name
rolestringRole/title
avatarstringAvatar image URL
biostringShort biography