Officially supported transition plugins for Svelte
Clone or download
Latest commit 6d477cb May 17, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.eslintrc.json add linter May 7, 2017
.gitignore add draw transition May 17, 2018
CHANGELOG.md -> v1.2.0 May 17, 2018
LICENSE initial commit May 7, 2017
README.md add draw transition May 17, 2018
module.js add draw transition May 17, 2018
package.json -> v1.2.0 May 17, 2018
rollup.config.js add draw transition May 17, 2018

README.md

svelte-transitions

Officially supported transitions plugin for Svelte. Includes the following:

Usage

Install with npm or yarn:

npm install --save svelte-transitions

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

<label>
  <input type='checkbox' bind:checked='visible'> visible
</label>

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

<script>
  import { fade } from 'svelte-transitions';

  export default {
    transitions: { fade }
  };
</script>

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