https://github.com/bob-lee/vue-text-slide
https://github.com/bob-lee/vue-text-slide
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bob-lee/vue-text-slide
- Owner: bob-lee
- Created: 2020-03-31T23:48:25.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-07-18T21:31:32.000Z (almost 2 years ago)
- Last Synced: 2025-02-27T14:28:31.738Z (4 months ago)
- Language: Vue
- Size: 1.01 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-text-slide
Vue component `TextSlide` to animate text changes with default or custom styles. Whenever your data property changes, the component will animate leaving / entering values.
[Demo](https://codesandbox.io/s/vue-text-slide-demo-zlq32)
```
```
Default styles can be overriden like:
```
```
## optional props
- `styles`, an object to style the component's outer box
- `styles-inner`, an object to style the component's inner box
- `distance-x`, to override the default translateX amount `5%`
- `data-key`, optional to make each component unique for application that uses multiple components