Penyaskito: Canvas Tips&Tricks: Declaring images in SDCs

Дата публикации: 18-07-2026 15:43:15

Canvas Tips&Tricks: Declaring images in SDCs
I've read recently about making SDCs dependent on Drupal Canvas because of needing to reference Canvas in the definition of your prop, so the right media widget is used inside Canvas:
image:
$ref: json-schema-definitions://canvas.module/image
type: object
title: Image
description: >
Image of the singer
examples:
- src: 'micro.webp'
alt: 'Nice picture of the singer'
width: 200
height: 300That was the case during the alphas. But was fixed long ago, even before the 1.0.0 release. See canvas#3515074.
image:
type: object
title: Image
required: [src]
properties:
src:
type: string
format: uri-reference
contentMediaType: "image/*"
x-allowed-schemes: [http, https] # this is image-uri, itself a nested $ref
alt: { type: string }
width: { type: integer }
height: { type: integer }
description: >
Image of the singer
examples:
- src: 'micro.webp'
alt: 'Nice picture of the singer'
width: 200
height: 300That's more verbose, but would make your SDC Canvas-independent and re-usable, and it's 100% equivalent. 
If we missed updating some docs, please create an issue on the Canvas issue queue.

penyaskito
Sat, 07/18/2026 - 17:43
Tags

Drupal
Drupal Canvas
Drupal Canvas Tips&Tricks
Single-Directory Components
Drupal planet

Read more about Canvas Tips&Tricks: Declaring images in SDCs
Add new comment

Схожие новости

#	Наименование новости	Тональность	Информативность	Дата публикации
1	DDEV Blog: DDEV July 2026: New Screencasts, Partner Perks	5	7	16-07-2026
2	Droptica: What to do after Drupal 7: new website, Drupal 11 migration, or another CMS?	0	7	16-07-2026
3	BloomIdea: Make-to-Order production for Drupal Commerce: from a spreadsheet to a contrib module	0	5	18-07-2026
4	ERC-8100: Representable Contract State	0	5	08-07-2026
5	LakeDrops Drupal Consulting, Development and Hosting: A new chapter for the Drupal Association - and why I want you in it	0	5	17-07-2026
6	Centarro: Let Shoppers Change Their Minds Without Leaving the Cart	2	6	15-07-2026
7	carpet imprints	0	1	13-07-2026
8	Github repo pghqdev/OpenScreenShot	0	5	09-07-2026
9	What's New? Rule-Driven Architectural Products in the Browser with Informed Design's APS Viewer Extension	5	6	18-03-2026
10	Parameter display conditions (hide element when empty)	0	5	10-07-2026

Классификация: Пресс-релизы. Схожих патентов: 0. Схожих новостей: 10. Тональность: 0. Информативность: 5. Источник: www.drupal.org.