Community Table
BlockInstallation
pnpm add @corew500/uiUsage
import { CommunityTable } from "@corew500/ui/blocks/community-table"
<CommunityTable>Content</CommunityTable>API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | enum | — | Section heading content |
| description | string | — | Section description text |
| tagline | string | — | Small tagline displayed above the heading |
| members* | TableMember[] | — | Members to display around the table |
| maxSeats | number | 8 | Maximum number of seats (including empty). Defaults to 8 |
| emptyAction | { label: string; href: string; } | — | Action for empty seats (the "+" circles) |
| action | { label: string; href: string; } | — | Primary CTA button action |
| linkComponent | enum | — | Custom link component for routing (e.g. Next.js Link) |
| roleIntentMap | Record<string, NonNullable<"primary" | "secondary" | "accent">> | — | Optional mapping from role values to intent colors. Allows consumers to pass role strings and have them automatically mapped to visual intents. |
| decorative | enum | true | Show decorative center element. Defaults to true |
| centerIcon | enum | — | Icon rendered in the center decorative element |
| centerLabel | string | — | Label rendered below the center icon |
Accessibility
Keyboard Navigation
- Keyboard-accessible hover tooltips via focus states
Screen Readers
- - Empty seats use aria-label from emptyAction.label
Additional
- Avatars include alt text from member name
Localization
Translatable Content
- - All visible strings passed via props