canvas-component-utils

To render HTML content in React Canvas components, import the FormattedText utility from the drupal-canvas package to display props where contentMediaType is text/html, ensuring consistent rendering and reducing boilerplate.

The drupal-canvas package provides reusable UI utilities like FormattedText and Image for Canvas components, enabling developers to render formatted HTML content and responsive images predictably across React-based interfaces.

To display responsive images in Canvas, import the Image utility from drupal-canvas and pass src, alt, width, and height props directly to the component for consistent image rendering and accessibility.

Yes, rendering HTML and images with these Canvas component utilities requires the drupal-canvas package as a dependency, which exposes the necessary FormattedText and Image components for your React project.

Yes, you can improve accessibility when rendering text/html by using the FormattedText utility from drupal-canvas, which is designed to render HTML content from props consistently while maintaining accessibility standards.

The best way to reduce boilerplate when rendering formatted text in React is to import and compose the FormattedText utility from drupal-canvas in your Canvas components to handle text/html props predictably.