Polaroid

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

Options

• 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.

Examples

• Minimal
• With Pin & Draggable
• Custom Width
• Handling Clicks

Live Editor

<Polaroid image="https://bit.ly/2MGl7K0" />

<Polaroid image="https://bit.ly/2MGl7K0" />

Result

ReferenceError: Provider is not defined