Polaroid

Eine Komponente, die ein Bild im Stil eines Polaroids anzeigt.

Optionen

• image | string: die URL des Bildes, das im Polaroidrahmen angezeigt werden soll. Default: none.
• draggable | boolean: steuert, ob man das Polaroid auf dem Bildschirm ziehen kann. Default: false.
• showPin | boolean: steuert, ob ein Pin angezeigt werden soll. Default: false.
• stain | boolean: steuert, ob ein Kaffeefleck angezeigt werden soll. Default: false.
• width | number: Polaroidbreite (in px). Default: 350.
• style | object: CSS-Inline-Stile. Default: {}.
• onClick | function: Event-Handler, der aufgerufen wird, wenn auf das Bild geklickt wird (erhält die ID des Polaroid als Parameter). Default: none.

Beispiele

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

Live-Editor

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

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

Ergebnis

ReferenceError: Provider is not defined