sveltejs/svelte-transitions

Name: svelte-transitions

Owner: Svelte

Description: Officially supported transition plugins for Svelte

Created: 2017-05-07 03:40:50.0

Updated: 2018-05-17 12:40:49.0

Pushed: 2018-05-17 00:40:23.0

Homepage: null

Size: 6

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

svelte-transitions

Officially supported transitions plugin for Svelte. Includes the following:

• fade
• fly
• slide
• draw

Usage

Install with npm or yarn:

install --save svelte-transitions

Then add the plugins you need to your Svelte component's exported definition:

el>
nput type='checkbox' bind:checked='visible'> visible
bel>

f visible}}
-- use `in`, `out`, or `transition` (bidirectional) -->
iv transition:fade>hello!</div>
f}}

ipt>
port { fade } from 'svelte-transitions';

port default {
transitions: { fade }

ript>

Tree-shaking

If you're using a module bundler that supports tree-shaking, such as Rollup, only the transitions your components use will be included in your app.

Universal module definition

If you really need it, a UMD build is available at svelte-transitions/dist/svelte-transitions.js, and will register itself as svelte.transitions. We recommend using a module bundler instead, however.

License

MIT