<party-parrot></party-parrot>
Stencil 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. |