Image

Plain figure with a fixed aspect ratio and optional caption.

Content

Pack defaults

With content

In context

Source

import { Image } from "demo-webshop/components";

const props = {
  "src": "",
  "alt": "",
  "aspect": "4/3",
  "caption": ""
};
<Image {...props} />

Live CSS

Injected into the previews above. Image

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