build69
build69  /  Components  /  App  /  TeamPage

TeamPage

v2.0.13Updated 20 Oct 2026

Composed example workspace-members admin page: PageHead + StatCard strip + members DataTable with inline role Selects and icon row actions + Pending invites / Guests sections. The admin counterpart of InviteAccept.

Preview

Live · 8 stories
DefaultOpen ↗
▸Why this is recommendedpageteammembersadmin+4

The default, out-of-the-box TeamPage.

Recommended for+14
  • ✓Reference for workspace member administration
  • ✓Team settings / people pages
  • ✓Invite pipeline management screens
Tags+6
pageteammembersadmininvitesworkspaceexampledefault
Features+4
  • i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
  • StatCard summary strip (members / invites / guests / 2FA coverage)
  • Members DataTable with avatar identity cells
  • Inline role Select per row (Owner rendered as Badge)
  • Status + 2FA Badges
  • Icon row actions (view profile, deactivate/reactivate)
  • Pending invites section with resend/revoke + expiry hints
  • Single-board Guests section
Not recommended for−2
  • ✕Direct embedding
  • ✕Platform-wide user administration across tenants

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "TeamPage" })

Usage

import { TeamPage } from '@/components/pages/TeamPage';

<TeamPage />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
labels

Override every built-in string and aria-label (i18n). Merged over DEFAULT_TEAM_PAGE_LABELS (89 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.

Partial<TeamPageLabels>—

Related