4-Column Grid

Default four-column layout showing the full team roster.

Juste A.

CEO

Claude

CTO

Alice

Design Lead

Bob

Engineer

3-Column Grid

Three-column layout for smaller teams or leadership sections.

Juste A.

CEO

Claude

CTO

Alice

Design Lead

2-Column Grid

Two-column layout for co-founders or key partnerships.

Juste A.

CEO

Claude

CTO

Full Department

Four-column grid for a complete department overview with diverse roles.

Carol

Product Manager

Dave

Backend Engineer

Eve

Frontend Engineer

Frank

DevOps

Usage

<TeamGrid columns="4"> <TeamMember name="Juste A." role="CEO" /> <TeamMember name="Claude" role="CTO" /> <TeamMember name="Alice" role="Design Lead" /> <TeamMember name="Bob" role="Engineer" /></TeamGrid>

Props

PropTypeDefaultDescription
columnstext"4"Number of grid columns (2, 3, or 4)
childrencontent-TeamMember components or other content