Design System / Modules

Token Wallet

advancedMembershipfeatures

The member token wallet — balance, selectable purchase packs with a top-up CTA, and the signed transaction history.

Demo

Wallet
14tokens
Studios 4 & 5

Purchase packs

History
Studio 4 · evening sessionMon 7 Jul
-4
Studio pack top-upFri 4 Jul
+12
Studio 5 · day sessionTue 1 Jul
-6

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
--module-surface-raised
--accent-8
--module-surfacevia shared

Token contract

SEMANTIC SLOTS

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

RADIX COLOUR SCALES

--accent-8

LAYOUT & TYPE

--radius-3--radius-2--radius-4 ·shared

Anatomy

LAYERS

No layer map for this module yet.

RADIX COMPONENTS

BoxFlexText

SHARED COMPOSITES

CtaRowModuleShell

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/TokenWalletModule/TokenWalletModule.tsx
ComponentTokenWalletModule
Tier / groupadvanced · features
Statusbuilt
Client references