Image
import { Image } from "@pibbl/core";Image uses ImageProps and ImgStyle to paint a browser image source with
local geometry, border, and interaction. It rejects children. Browser decoded-
image behavior and CORS policy remain authoritative; Pibbl does not define an
image CORS policy.
<Image style={{ src: "/logo.png", left: 20, top: 20, width: 120, height: 80 }}/>Try the Image live example.
API details from source
Section titled “API details from source”
Describes a Canvas image primitive for JSX or createElement authoring.
Image: PibblPrimitiveComponent<ImageProps, PrimitiveInput<ImageProps, ImgStyle>>Related API: Image, PibblPrimitiveComponent, ImageProps, PrimitiveInput, ImgStyle.
Parameters
Section titled “Parameters”props— Authored component inputs, supplied through JSX or createElement. See the linked props and style types.
Throws
Section titled “Throws”When called directly; Pibbl mounts this component through JSX or createElement.
See also
Section titled “See also”View source — packages/core/src/lib/components/img.ts:147
Implementation guidance for agents
Section titled “Implementation guidance for agents”Read the Drawing, layout, and effects companion for ownership, adaptation, failure modes, and verification. Agent start provides the version-selection workflow.
Complete minimal examples
Section titled “Complete minimal examples”- Drawing composition: Group, cache, and clip a drawing, then add text and an embedded thumbnail. Plain source
Documentation version
Section titled “Documentation version”Documentation built with @pibbl/core 0.0.2, revision 272a94a. ALPHA — NOT FOR PRODUCTION USE.