# svelte-flip

> A simple flippable card component, written with SvelteKit

Latest version **0.0.11** (published 2022-06-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install svelte-flip
pnpm add svelte-flip
yarn add svelte-flip
bun add svelte-flip
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.11 |
| Published | 2022-06-26 |
| First published | 2022-06-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 0 |
| Unpacked size | 4.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | aeonyx |

## Links

- npm: https://www.npmjs.com/package/svelte-flip
- Homepage: https://aeonyx.io
- Issues: https://github.com/aeonyxio/svelte-flip.git
- npm.io page: https://npm.io/package/svelte-flip

## Recent versions

- 0.0.11 (latest) — 2022-06-26
- 0.0.10 — 2022-06-26
- 0.0.9 — 2022-06-26
- 0.0.8 — 2022-06-26
- 0.0.7 — 2022-06-26
- 0.0.6 — 2022-06-26
- 0.0.5 — 2022-06-26
- 0.0.4 — 2022-06-26
- 0.0.3 — 2022-06-26
- 0.0.2 — 2022-06-26
- 0.0.1 — 2022-06-26

## README

# svelte-flip

A simple, light-weight, flippable card component written with SvelteKit. The source code and an example can be found in [this blog post](https://aeonyx.io/code/blog/svelte-flippable-card-component).

SvelteKit packages are still experimental, this library will be updated as SvelteKit stabilizes.

## Install

```bash
npm i svelte-flip
```

## Usage

```svelte
<script lang="ts">
	import Flippable from 'svelte-flip';
	let flip = false;
</script>

<button on:click={() => (flip = !flip)}>Flip!</button>
<Flippable height="337px" width="234px" {flip}>
	<img slot="front" src="/card-front.png" />
	<img slot="back" src="/card-back.png" />
</Flippable>
```

---
_Source: https://npm.io/package/svelte-flip · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._