Canvas Field Component

Features

This module allows fields to be placed into Drupal Canvas templates. This allows any field to be used in a Drupal Canvas template, without having to be mapped to a compatible component property. As such, it allows for a simpler modification of node templates, similar to how Layout Builder works, but also allowing the deeper customization of mapping field values to component properties where needed (and where the necessary mappings exist).

That means your Canvas layouts can include values from fields that don't yet
have a mapping to a Canvas component property yet, such as Smart Date
fields. It also means you can take advantage of Drupal's advanced rendering
capabilities for things like image styles or responsive image styles, and
show the full content of multivalue entity reference fields.

The Field Display component also support third-party settings, so you can
also use modules that extend formatters, such as Date Augmenters.

Disclosure: The initial build of this module was vibe coded using a combination of Claude and Codex.

Demo Video

Post-Installation

1. Navigate to the Template list in the Canvas editor and open a template.
2. Open the component library and drag a Field Display component in.
3. Select the field from the current node's content type.
4. Select the formatter for that field.
5. Configure any available formatter settings.

Additional Requirements

This project extends the functionality of Drupal Canvas.