https://github.com/bob-lee/vue-text-slide

https://github.com/bob-lee/vue-text-slide

Last synced: about 2 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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-18T21:31:32.000Z (over 1 year ago)
• Last Synced: 2024-10-31T17:57:31.339Z (3 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