PlaceholderBox

Labeled image stand-in used wherever the library has no real asset yet — also serves as the MDX `img` override target.

Media

Defaults

Aspect: 16/9

Aspect: 4/3

Aspect: 1/1

Size: sm

Size: md

Size: lg

Interactive

LabelAspect ratioSize

Source

import { PlaceholderBox } from "@zudo-composer/ui";

<PlaceholderBox label="hero-image.png" aspect="16/9" />

Injected into the previews above. PlaceholderBox

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */