svelte-quote-fit

Svelte Quote Fit

Render a quote to fill a canvas

svelte-quote-fit

install

npm install svelte-quote-fit

use

Format text using a subset of HTML (p, br, i, b, nobr) you may also use \n and \\n (same as br and p).

<script>
  import QuoteFit from "svelte-quote-fit";
</script>

<QuoteFit
  style="width: 80%; height: 320px; background: black;"
  text="For God so loved the world that he gave his one and only Son so that whoever believes in him shall not perish but have eternal life. <nobr><b>John 3:16</b></nobr>"
/>

Storybook

https://bafybeidkosyb4qaok4pjo4f4tkvf2ifxqrl7ps7yqpvwjzvs52h7apohma.ipfs.infura-ipfs.io/

Top categories

Loading Svelte Themes