Design System / Modules

Social

standardContentshared

Vertical list of outbound social links with platform icons (the Link List pattern).

Demo

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
--gray-11
--gray-9

Token contract

SEMANTIC SLOTS

--module-fg

RADIX COLOUR SCALES

--gray-11--gray-9

Anatomy

LAYERS

Social ModuleModuleShell · card
Module HeaderRow
Module TitleRadix Text
Module CTARadix Badge
Module ContentColumn
Link RowRow (per link, Native <a>)
Platform IconNative <svg>
LabelRadix Text
ChevronNative <svg>

RADIX COMPONENTS

BoxFlexText

SHARED COMPOSITES

None — self-contained.

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—Links
headerShow headertoggle——

Registry

Filemodules/shared/SocialModule/SocialModule.tsx
ComponentSocialModule
Tier / groupstandard · shared
Statusbuilt
Client referencescnx, hlls