# Transitions

A collection of Vue transitions

Can be used outside of the Enso ecosystem.

For live examples and demos, you may visit laravel-enso.com

# Installation

Install the package:

yarn add @enso-ui/transitions

(within Enso, remember to cd into the client folder before installing front-end assets)

Import the desired component(s):

import { Fade, FadeDown, ... } from '@enso-ui/transitions';

# Exports

@enso-ui/transitions:

• Fade,
• FadeLeft,
• FadeRight,
• FadeUp,
• FadeDown,
• SlideLeft,
• SlideRight,
• SlideUp,
• SlideDown,
• Zoom,
• HorizontalSlide,
• HorizontalFade

# Usage

# Slots

All the transitions share the same structure and provide a slot default for the transitioned elemnt

# Example:

<zoom>
    <span class="animated" style="background-color: red" v-if="myCondition">
        Foo
    </span>
</zoom>

# Available Transitions

# Fade

# FadeDown

# FadeLeft

# FadeRight

# FadeUp

# SlideDown

# SlideLeft

# SlideRight

# SlideUp

# Zoom

# Questions & Issues

For questions and support please use the issues functionality for this package's github repository.

Please make sure to search for existing issues before creating a new issue, and when opening a new issue, fill the required information in the issue template.

Issues not conforming to the guidelines may be closed immediately.

# Contributions

are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!

# License

ISC