Contact 1
A contact info grid block for Payload CMS with a centered header and responsive detail cards. Each card shows an icon, label, and value — free to copy and paste.
This block uses the Fluid Design System. Copy the required CSS tokens and React primitives from the Installation & Setup guide.
Preview
Fields Reference
| Field | Type | Required | Localized | Description |
|---|---|---|---|---|
title | text | Yes | Yes | The main heading |
description | textarea | No | Yes | Supporting text |
contactItems | array (1-6) | No | — | Contact detail cards |
contactItems.icon | select | No | No | Icon type (mail, phone, mapPin, clock, globe, building) |
contactItems.label | text | Yes | Yes | Contact method label |
contactItems.value | text | Yes | Yes | Contact detail value |