skim-pinboard

contents

• Usage
• Properties
• Events
• Shadow Parts

The pinboard component alows for putting pins on contained media. This way the user can specify for example areas of interest.

Usage

<skim-pinboard>
    <ion-img src="https://image.shutterstock.com/z/stock-photo-close-up-portrait-of-her-she-nice-attractive-lovable-cute-adorable-winsome-girl-with-two-buns-wear-1725508987.jpg"></ion-img>
</skim-pinboard>

<script>
    document.querySelector('skim-pinboard').addEventListener('pin', ({ detail: pins }) => {
      console.log('Pins', pins);    // returns 
    })
</script>

Properties

Property	Attribute	Description	Type	Default
max	max	Maximum number of pins	number	undefined

Events

Event	Description	Type
pin	Emitted when a pin is placed	CustomEvent<Pins>

Shadow Parts

Part	Description
"pin"	The pin on the pinboard

---

Built with StencilJS