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
headingenumSection heading content
descriptionstringSection description text
taglinestringSmall 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
linkComponentenumCustom 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
centerIconenumIcon rendered in the center decorative element
centerLabelstringLabel 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