Package Exports

instant-photo
instant-photo/dist/index.cjs.js
instant-photo/dist/index.esm.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (instant-photo) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

📷 instant-photo

📸 React component that makes images look like a polaroid picture.

Live demo

yarn add instant-photo
# or
npm -i instant-photo

Usage

import { InstantPhoto } from 'instant-photo';

<InstantPhoto
    image="https://images.unsplash.com/photo-1648142618804-92f908f93c10"
  />

Size 'small' or 'large' (defaulting to large)

<InstantPhoto
    size="small"
  />

Variants '46mm' or '99mm' (defaulting to 46mm)

<InstantPhoto
    variant="99mm"
  />

Filters 'polaroid' | 'vintage' | 'greyscale' | 'bloom' | 'none' (defaulting to polaroid)

<InstantPhoto
    filter="vintage"
  />

No image, black placeholder film.

<InstantPhoto />

For more examples see src/examples/examples.stories.tsx