https://github.com/nomocas/yamvish-transition
transitions manager for yamvish views and containers
https://github.com/nomocas/yamvish-transition
Last synced: 3 months ago
JSON representation
transitions manager for yamvish views and containers
- Host: GitHub
- URL: https://github.com/nomocas/yamvish-transition
- Owner: nomocas
- Created: 2016-02-15T23:28:45.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-11-05T00:40:58.000Z (over 8 years ago)
- Last Synced: 2025-02-23T01:20:59.674Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 13.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# yamvish-transition
Minimalist css transition for yamvish views and containers.
Only fadeIn/fadeOut and slideLeft or slideUp for the moment.
## Use case
Work only on container-rendered template as:
- y.view()
- if(..., trueTempl, falseTempl)
- each(..., itemTempl, emptyTempl)
- switch(..., { value:caseTemplate }
- ...
Any of those templates are rendered as yamvish Container and then mounted at needed place (core behaviour).
Transitions are automatically fired on 'mounted' event and `beforeUnmount`.
Take a look on code.
## Usage
```javascript
require('yamvish-transition');
y.view()
.use('transition:slide-up', { ms:400, max:'100vh' })
.div('...');
```
## Licence
MIT