index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<link rel="icon" href="./favicon.png" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="content-security-policy" content=""><title>Svelte Barcode - svelte-barcode</title>
	<link rel="stylesheet" href="/_app/assets/pages/index.svelte-518a3f56.css">
	<link rel="modulepreload" href="/_app/start-288c3a61.js">
	<link rel="modulepreload" href="/_app/chunks/vendor-cf2c59e6.js">
	<link rel="modulepreload" href="/_app/layout.svelte-2ef5064b.js">
	<link rel="modulepreload" href="/_app/pages/index.svelte-2f55074b.js">
	</head>
	<body>
		<div>


<section class="svelte-4l4loy"><h1>Svelte Barcode</h1>
  <p>A light-weight and high-performance component to generate barcode for Svelte.</p></section>

<section class="svelte-4l4loy"><div class="main svelte-4l4loy"><form><div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>value:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="svelte-barcode"></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>elementTag:</label></div>
        <div class="col svelte-4l4loy"><select><option value="[object Object]">img
              </option><option value="[object Object]">canvas
              </option><option value="[object Object]">svg
              </option></select></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>format:</label></div>
        <div class="col svelte-4l4loy"><select><option value="[object Object]">CODE128
              </option><option value="[object Object]">EAN13
              </option><option value="[object Object]">CODE39
              </option></select></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>width:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="2"></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>height:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="100"></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>text:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value=""></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>textAlign:</label></div>
        <div class="col svelte-4l4loy"><select><option value="[object Object]">left
              </option><option value="[object Object]">center
              </option><option value="[object Object]">right
              </option></select></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>textPosition:</label></div>
        <div class="col svelte-4l4loy"><select><option value="[object Object]">bottom
              </option><option value="[object Object]">top
              </option></select></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>textMargin:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="2"></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>fontSize:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="20"></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>background:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="#ffffff"></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>lineColor:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="#000000"></div></div>
      <div class="row svelte-4l4loy"><div class="col svelte-4l4loy"><label>margin:</label></div>
        <div class="col svelte-4l4loy"><input type="text" value="10"></div></div></form></div>

  <svg></svg>
</section>


		<script type="module" data-hydrate="zur83y">
		import { start } from "/_app/start-288c3a61.js";
		start({
			target: document.querySelector('[data-hydrate="zur83y"]').parentNode,
			paths: {"base":"","assets":""},
			session: {},
			route: true,
			spa: false,
			trailing_slash: "never",
			hydrate: {
				status: 200,
				error: null,
				nodes: [
					import("/_app/layout.svelte-2ef5064b.js"),
						import("/_app/pages/index.svelte-2f55074b.js")
				],
				url: new URL("http://sveltekit-prerender/"),
				params: {}
			}
		});
	</script></div>
	</body>
</html>