Skip to content
HomePagesHomePages template kit
Menu
Start here
What you're buildingInstallFirst renderRead the starterAdd a slotShip it
Concepts
The pipelineSections and declarationsSlotsFacts and provenanceAI fillFixtures and scenariosValues and emptinessThe marker contractServer and clientTheme modelFrames and formatsComposition and reconcileVersioningStaying current
Guides
API reference
Rules

FrameConfig

Render/cropper-shared frame geometry for an image or video slot.

Render/cropper-shared frame geometry for an image or video slot. Sections declare a FRAME constant of this shape and pass it to the Renderer; breakpoint is a viewport width — the only axis a <picture><source media> crop switch, or the kit’s own layout-box aspect-ratio switch, can read. Any positive width; the platform has no opinion about which.

Import from @homepages/template-kit.

Signature

Section titled “Signature”
export type FrameConfig = {
    breakpoint: number;
    desktop: {
        aspect: number;
        nominal?: boolean;
    };
    mobile?: {
        aspect: number;
        nominal?: boolean;
    };
};

See also

Section titled “See also”