@gluestack-style/animation-resolver
v1.0.4
Published
A gluestack-style plugin for resolving animation properties, utilizing animation libraries.
Downloads
61,271
Readme
@gluestack-style/animation-resovler
Installation
To use @gluestack-style/animation-resovler
, all you need to do is install the
@gluestack-style/animation-resovler
package:
$ yarn add @gluestack-style/animation-resovler
# or
$ npm i @gluestack-style/animation-resovler
Usage
In this example, we are creating a new instance of the AnimationResolver class, passing an object with the 'aliases' property as an argument. The aliases object maps the aliases :initial, :animate, and :exit to their corresponding animation props.
Example of creating a styled component:
Once the plugin is initialized, you can use the styled function to create styled components with animation props. Here's an example:
More guides on how to get started are available here.