# Transitions
[![License](https://img.shields.io/badge/license-MIT-10b981.svg)](https://github.com/enso-ui/transitions/blob/master/LICENSE)
[![Stable](https://img.shields.io/badge/stable-2.2.1-2563eb.svg)](https://www.npmjs.com/package/@enso-ui/transitions)
[![Downloads](https://img.shields.io/npm/dm/@enso-ui/transitions.svg)](https://www.npmjs.com/package/@enso-ui/transitions)
[![Vue](https://img.shields.io/badge/vue-3.x-42b883.svg)](https://vuejs.org/)
[![JavaScript](https://img.shields.io/badge/javascript-ES2020-f7df1e.svg)](https://developer.mozilla.org/docs/Web/JavaScript)
[![SCSS](https://img.shields.io/badge/scss-supported-c6538c.svg)](https://sass-lang.com/)
[![npm](https://img.shields.io/badge/npm-package-cb3837.svg)](https://www.npmjs.com/package/@enso-ui/transitions)
[![Issues](https://img.shields.io/github/issues/enso-ui/transitions.svg)](https://github.com/enso-ui/transitions/issues)
[![Merge Requests](https://img.shields.io/github/issues-pr/enso-ui/transitions.svg)](https://github.com/enso-ui/transitions/pulls)
## Description
Reusable transition components for Enso UI.
## Installation
Install the package:

```bash
yarn add @enso-ui/transitions
```
## Features
- exports `Fade`, `Zoom`, `Slide`, `Collapse` as its public surface
- keeps the Bulma presentation layer separate from the renderless/stateful layer where applicable
## Usage
```vue
<script setup>
import { Fade, Zoom, Slide, Collapse } from '@enso-ui/transitions/bulma';
</script>
```
## API
### `Fade`

Public export available from `./src/transitions/Fade.vue`.

### `Zoom`

Public export available from `./src/transitions/Zoom.vue`.

### `Slide`

Public export available from `./src/transitions/Slide.vue`.

### `Collapse`

Public export available from `./src/transitions/Collapse.vue`.
## Depends On
- No additional Enso UI dependencies.
## Contributions
are welcome. Pull requests are great, but issues are good too.
Thank you to all the people who already contributed to Enso!
## License
[MIT](https://github.com/enso-ui/transitions/blob/master/LICENSE)