Polaroid

Een component die een beeld weergeeft in de stijl van een polaroid.

Opties

• image | string: de URL van de afbeelding die in het polaroidframe moet worden weergegeven. Default: none.
• draggable | boolean: controleert of men de polaroid rond het scherm kan slepen. Default: false.
• showPin | boolean: bepaalt of een pin wordt getoond. Default: false.
• stain | boolean: bepaalt of een koffievlek wordt getoond. Default: false.
• width | number: polaroidbreedte (in px). Default: 350.
• style | object: CSS inline-stijlen. Default: {}.
• onClick | function: event handler aangeroepen bij het aanklikken van de afbeelding (ontvangt de id van de Polaroid als parameter). Default: none.

Voorbeelden

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

Live redacteur

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

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

Resultaat

ReferenceError: Provider is not defined