# Team

> An "about us" team section. Each social link names the person as well as the network.

Facade UI item `team` (block, section).
Docs page: https://facadeui.dev/components/team · Registry JSON: https://facadeui.dev/r/team.json

## Install

```bash
npx shadcn@latest add @facade/team
```

Or by URL: `npx shadcn@latest add https://facadeui.dev/r/team.json`. The CLI also installs what it needs: @facade/container, @facade/heading, @facade/section, @facade/section-header, @facade/types, @facade/utils.

Files: `components/sections/team.tsx`

Usage example as an installable item: `npx shadcn@latest add @facade/team-demo` (lands in components/examples/).

## Usage

The source of the preview on the docs page. `./content` holds sample data.

```tsx
import { Team } from "@/components/sections/team"

import { TEAM } from "./content"

export function Demo() {
  return (
    <Team
      eyebrow="Team"
      title="Who builds this"
      description="Social links are named per person, so a links list does not show three identical 'LinkedIn' entries."
      items={TEAM}
      shape="circle"
    />
  )
}
```

## Props

### TeamProps

Extends SectionBaseProps, ListSlotProps.

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `items` (required) | `TeamMember[]` |  |  |
| `title` | `string` |  |  |
| `eyebrow` | `string` |  |  |
| `description` | `string` |  |  |
| `image` | `ImageComponent` |  |  |
| `link` | `LinkComponent` |  |  |
| `columns` | `2 \| 3 \| 4` | `3` |  |
| `shape` | `"square" \| "circle"` | `"square"` | `square` crops photos to a card. `circle` shows round avatars. |
| `itemHeadingLevel` | `HeadingLevel` |  |  |
| `align` | `"start" \| "center"` | `"center"` |  |