Getting Started with Le-Kit

This guide will help you to get started with using Le-Kit in your projects. It covers the installation process, the basic usage of the library, and some tips and best practices to make the most out of it.

Installation

To install Le-Kit, you can use npm or yarn:

npm install le-kit

yarn add le-kit

pnpm add le-kit

Basic Usage

After installing Le-Kit, you should register the custom elements in your project. You can do this by importing the library in your main JavaScript or TypeScript file:

import { defineCustomElements } from 'le-kit/loader';

(async () => {
   defineCustomElements();
})();

Once you have registered the custom elements, you can start using them in your HTML. For example, to use the <le-button> component, you can simply add it to your HTML like this:

<le-button variant="primary">Click me</le-button>

Frameworks Integration

In case if you are using a framework like React, Vue, or Angular, you might need to follow additional steps to integrate Le-Kit components properly. They will be described here, when we're sure they are working correctly.

Tips and Best Practices

Here are some tips to help you get the most out of Le-Kit:

• Always check the documentation for each component to understand its props and how to use it effectively.
• Use the theming capabilities of Le-Kit to customize the look and feel of your application.
• Don't hesitate to contribute to the library if you have ideas for new components or improvements!