Quick Start

Basic Steps

Install the package:

bash

npm install snappykit

Import the required functions:

typescript

import { make, addClass, css } from 'snappykit';

Use the functions in your code:

typescript

const element = make('div');
addClass(element, 'my-class');
css(element, { color: 'red', fontSize: '16px' });

Usage Example

typescript

import { make, addClass, css, on, html } from 'snappykit';

const button = make('button', (el) => {
  addClass(el, 'primary-button');
  css(el, { padding: '10px 20px', backgroundColor: 'blue' });
  html(el, 'Button');
  on(el, 'click', () => console.log('Button clicked!'));
});

append(document.body, button);
/*
  ...
  <body>
    <button
      class="primary-button"
      style="padding: 10px 20px; background-color: blue">
      Button
    </button>
  </body>
  ...
*/

Quick Start ​

Basic Steps ​

Usage Example ​

Quick Start

Basic Steps

Usage Example