@memefighter/maker-svelte

The Svelte Meme Fighter Meme Maker

Drop-in meme creation for svelte apps.

Getting Started

This package provides drop-in react component for creating memes. For other frameworks, see ([@memefighter/maker-core](https://www.npmjs.com/package/@memefighter/maker-core)).

npm i @memefighter/maker-svelte

<script lang="ts">
  import MemeMaker from "@memefighter/maker-svelte/index.svelte";

  /** Function which receives the meme as an image url when the user has finished creating it. */
  function handler (meme) {};

  /** Customize the appearance of the meme maker. These are all the options currently available. */
  const styleVariables = {
    "--foreground-color": "#fff",
    "--background-color": "#111",
    "--button-color": "#333"
  };

  /** Declare the width of the embedded meme maker iframe. */
  const width = 400;

  /** Declare the height of the embedded meme maker iframe. */
  const height = 400;
</script>

<main>
  <MemeMaker {handler} {styleVariables} {width} {height} />;
</main>

See a functioning example on code sandbox.