IMAGES_PLACEHOLDERS

IMAGES_PLACEHOLDERS contains hosted placeholder image URLs for component presets and development.

Import

import { IMAGES_PLACEHOLDERS } from '@weaverse/hydrogen'

Available Keys

The current SDK exports these groups:

logo_white and logo_black
image
banner_1 and banner_2
collection_1 through collection_6
product_1 through product_18

Usage

import {
  createSchema,
  IMAGES_PLACEHOLDERS,
} from '@weaverse/hydrogen'

export const schema = createSchema({
  type: 'hero-banner',
  title: 'Hero Banner',
  settings: [
    {
      group: 'Content',
      inputs: [
        {
          type: 'image',
          name: 'image',
          label: 'Image',
          defaultValue: IMAGES_PLACEHOLDERS.banner_1,
        },
      ],
    },
  ],
})

export function ProductPlaceholder() {
  return (
    <img
      src={IMAGES_PLACEHOLDERS.product_1}
      alt="Placeholder product"
    />
  )
}

Use only exported keys. Accessing an unknown key such as hero_1 returns undefined at runtime.