Skip to content
HomePagesHomePages template kit

PicturePlan

The `<picture>` markup plan the `Image` primitive renders from: an ordered list of `<source>` specs plus the trailing `<img>`'s own srcset/sizes/dimensions.

The <picture> markup plan the Image primitive renders from: an ordered list of <source> specs plus the trailing <img>’s own srcset/sizes/dimensions.

Import from @homepages/template-kit.

export type PicturePlan = {
sources: PictureSourceSpec[];
imgSrcSet?: string;
imgSizes?: string;
width?: number;
height?: number;
};