Skip to main content


A component displaying an image in the style of a polaroid.


  • image | string: the URL of the image to be displayed in the polaroid frame. Default: none.
  • draggable | boolean: controls whether one can drag the polaroid around the screen. Default: false.
  • showPin | boolean: controls whether to show a pin. Default: false.
  • stain | boolean: controls whether to show a coffee stain. Default: false.
  • width | number: polaroid width (in px). Default: 350.
  • style | object: CSS inline styles. Default: {}.
  • onClick | function: event handler invoked when image is clicked (receives the id of the Polaroid as parameter). Default: none.


Live Editor
ReferenceError: Provider is not defined