Primitive

Image

Auto-emitted from DSKintsugiCatalog.image. Tier atom.

Live Preview

Dark surface

Square thumbnail · 1:1 · fit: .cover

1:1

Banner · 16:9 · fit: .cover

Avatar · circular · fit: .cover

●

Native · macOS

DSL usage

// Square thumbnail
katagami.image(asset: "portrait.jpg", fit: .cover)
// → box with aspect-ratio 1/1, object-fit: cover

// 16:9 banner
katagami.image(asset: "hero-banner.jpg", fit: .cover)
// → box with aspect-ratio 16/9, object-fit: cover

// Circular avatar
katagami.image(asset: "avatar.jpg", fit: .cover, shape: .circle)
// → box with border-radius: 50%, object-fit: cover

Attributes

Name	Type	Default	Description
`asset`	AssetKey		Named asset key or URL string
`fit`	ImageFit	`.cover`	.cover \| .contain \| .fill — maps to CSS object-fit
`aspectRatio`	String?	`nil`	CSS aspect-ratio value, e.g. "1/1", "16/9"
`shape`	ImageShape	`.rect`	.rect (default) \| .circle (border-radius: 50%)
`alt`	String	`""`	Accessible alt text passed through to <img> alt attribute
`density`	Density	`regular`	compact \| regular \| expanded
`locale`	Locale	`en`	BCP-47 locale tag for locale-aware rendering

Used in

KatagamiScreens sigma-analytics c-tech