Components
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
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Slide heading |
members | TeamMember[] | required | Team members |
columns | 2 | 3 | 4 | 3 | Grid columns |
notes | string | - | Speaker notes |
TeamMember
| Field | Type | Description |
|---|---|---|
name | string | Member name |
role | string | Role/title |
avatar | string | Avatar image URL |
bio | string | Short biography |