Design System / Modules

Community Chat

advancedCommunityfeatures

Global chat room — member count, message feed, and composer, built from the shared chat primitives.

Demo

Community214 members
GUERILLAZ · 18:02
Soundcheck done — doors 8pm sharp.
Sam · 18:10
Anyone trading a poster from the drop?
Save me one — arriving late.
Alex · 18:12
Merch line is short right now.

Source

The rendered structure, live from the demo above — hover a row to highlight the element in the demo.

Waiting for the demo to render…

Colour Mapping

Every colour token this module consumes, resolved under the active profile — neutral · light · brand default. Switch the profile above the demo to remap.

--module-fg-muted
--seed-9via shared
--gray-a6via shared
--module-surface-raisedvia shared
--seed-contrastvia shared
--accent-9via shared
--accent-contrastvia shared
--module-surfacevia shared

Token contract

SEMANTIC SLOTS

--module-fg-muted--module-surface-raised ·shared--module-surface ·shared

SEED SCALE

--seed-9 ·shared--seed-contrast ·shared

RADIX COLOUR SCALES

--gray-a6 ·shared--accent-9 ·shared--accent-contrast ·shared

LAYOUT & TYPE

--radius-4 ·shared

Anatomy

LAYERS

No layer map for this module yet.

RADIX COMPONENTS

Text

SHARED COMPOSITES

ChatModuleShell

Fields

The client-editable schema (builder-kit/lib/fields.ts) — what the Builder's fields rail and the Portal Builder expose. Defaults are the sample props the demo renders with.

KeyLabelTypeOptionsSample default
titleModule titletext——
headerShow headertoggle——

Registry

Filemodules/features/CommunityChatModule/CommunityChatModule.tsx
ComponentCommunityChatModule
Tier / groupadvanced · features
Statusbuilt
Client references