Installation

Option 1: NPM Package (Recommended)

Install Element from NPM:

npm install @dmnchzl/element

Then import and use in your application:

import { createSignal, html } from "@dmnchzl/element";

function App() {
  const [count, setCount] = createSignal(0);

  return html`
    <div>
      <h1>Count: ${count}</h1>
      <button onclick="${() => setCount(count() + 1)}">Increment</button>
    </div>
  `;
}

Option 2: CDN (Quick Start)

For quick prototyping or simple projects, you can use the CDN version:

<!DOCTYPE html>
<html>
  <head>
    <title>App</title>
    <script src="https://unpkg.com/@dmnchzl/element"></script>
  </head>
  <body>
    <div id="root"></div>

    <script type="module">
      import { createSignal, html } from "@dmnchzl/element";

      function App() {
        const [count, setCount] = createSignal(0);

        return html`
          <div>
            <h1>Count: ${count}</h1>
            <button onclick="${() => setCount(count() + 1)}">Increment</button>
          </div>
        `;
      }

      const root = document.getElementById("root");
      root.appendChild(App());
    </script>
  </body>
</html>

PreviousCore Concepts NextReactivity

Last updated 5 months ago

hashtagOption 1: NPM Package (Recommended)

hashtagOption 2: CDN (Quick Start)

Option 1: NPM Package (Recommended)

Option 2: CDN (Quick Start)