GitHub

Community Table

Block
Table block for displaying community members with avatars and actions

Installation

pnpm add @corew500/ui

Usage

import { CommunityTable } from "@corew500/ui/blocks/community-table"

<CommunityTable>Content</CommunityTable>

API Reference

Props

PropTypeDefaultDescription
headingenum—Section heading content
descriptionstring—Section description text
taglinestring—Small tagline displayed above the heading
members*TableMember[]—Members to display around the table
maxSeatsnumber8Maximum 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
linkComponentenum—Custom link component for routing (e.g. Next.js Link)
roleIntentMapRecord<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.
decorativeenumtrueShow decorative center element. Defaults to true
centerIconenum—Icon rendered in the center decorative element
centerLabelstring—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