Polaroid

Um componente que exibe uma imagem no estilo de uma polaroid.

Opções

• image | string: a URL da imagem a ser exibida na moldura polaroid. Default: none.
• draggable | boolean: controla se é possível arrastar a polaroide ao redor da tela. Default: false.
• showPin | boolean: controla se deve mostrar um pino. Default: false.
• stain | boolean: controla se deve mostrar uma mancha de café. Default: false.
• width | number: largura polaroid (em px). Default: 350.
• style | object: Estilos em linha CSS. Default: {}.
• onClick | function: manipulador de eventos invocado quando a imagem é clicada (recebe a identificação da Polaroid como parâmetro). Default: none.

Exemplos

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

Editor ao vivo

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

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

Resultado

ReferenceError: Provider is not defined