📖 Overview

The Contact Details block displays contact information such as email addresses, phone numbers, and physical locations with accompanying icons. It supports two display styles: a compact inline layout for simple listings, or an expanded card-style layout with labels and descriptions for more detailed contact information.

✏️ Content Options

Contact items are managed via a repeater field. Use the “Add Contact Item” button to add as many items as needed.

⚙️ Settings Options

🎨 Styling

This block uses the theme’s global spacing and icon size variables rather than block-specific CSS variables. The two display styles apply different layouts:

• Compact: Horizontal flexbox layout with items aligned inline, using --spacing-xxs gap
• Expanded: Grid layout with larger gaps (--spacing-m), labels styled as heading level 3

Custom icons are constrained to a maximum width of --icon-med.