TeamGrid
BlockInstallation
pnpm add @corew500/uiUsage
import { TeamGrid } from "@corew500/ui/blocks/team-grid"
<TeamGrid>Content</TeamGrid>API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| members* | TeamGridMember[] | — | Team members to display |
| title | string | — | Section title |
| description | string | — | Section description |
| badge | SectionHeadingBadge | — | Section badge |
| headingLevel | enum | 2 | Heading level for section title |
| noContainer | enum | false | Disable Container wrapper |
| renderMemberDetail | (member: TeamGridMember) => ReactNode | — | Render custom content in the modal below the bio |
| renderSocialIcon | (platform: string) => ReactNode | — | Render custom icon for a social platform |
| columns | enum | 4 | — |
Accessibility
Keyboard Navigation
- - Cards use `role="button"` with keyboard support (Enter/Space)
Focus Management
- Dialog has focus trap and proper ARIA attributes
Screen Readers
- Social links have aria-labels
Localization
Translatable Content
- - All visible strings passed via props (name, role, bio, tag labels)