Skip to main content
The TeamGrid block renders a grid of team member cards. Unlike the project team[] inline array, this block is designed for standalone team showcase sections with photos and social links.

​
Props

​
heading
string
Section heading rendered as <h2>.
​
description
string
Supporting text below the heading. Used in grid and split variants.
​
items
TeamMember[]
Array of team member objects. Each item has:
  • name (string, required) — display name
  • role (string) — job title or team role
  • image (SanityImageObject) — headshot with hotspot/crop support
  • links (array) — optional array of { label, href } objects
​
variant
'grid' | 'grid-compact' | 'split'
Layout variant. Defaults to grid.
ValueDescription
gridStandard card grid with large square photos
grid-compactInline list with small circular photos
splitSticky heading left, 2-column card grid right

​
Usage in Sanity Studio

  1. Add a Team Grid block to a page.
  2. Set a Heading and optional Description.
  3. Add team members in the Items array — each needs a name and optionally a photo, role, and links.
  4. Choose a Variant from the Layout Options fieldset.

​
Example

{
  _type: 'teamGrid',
  heading: 'Meet the Team',
  variant: 'grid',
  items: [
    {
      name: 'Jane Smith',
      role: 'Project Lead',
      image: { asset: { _ref: 'image-abc' }, alt: 'Jane Smith' },
      links: [{ label: 'LinkedIn', href: 'https://linkedin.com/in/janesmith' }]
    }
  ]
}

Build docs developers (and LLMs) love

Get started for freeTalk to us