Stencil <party-parrot></party-parrot>

Stencil component which allows to include <party-parrot /> component in your applications.

Features

• Animation duration can be modified by using a range selector which is visible after clicking the parrot.
• The selected value will be stored on local storage individually for each parrot if the storageId is set and unique.
• The duration selector will hide itself rangeSelectorExpiration milliseconds after being used. Or you can click the parrot again to hide it.

Install

Add the package:

npm i -s @agm-dev/party-parrot-component

Usage

<party-parrot
  storageId="partyparrot01"
  minRange={200}
  maxRange={2000}
  rangeSelectorExpiration={3000}
></party-parrot>

Props

| key | type | required | default | description |-|-|-|-|-| | storageId | string | NO | - | Enables storage of animation duration value for this parrot. | | minRange | number | NO | 200 | The min value for duration selector. | | maxRange | number | NO | 2000 | The max value for duration selector. | | rangeSelectorExpiration | number | NO | 3000 | The milliseconds that the duration selector will remain visible after being used. |