mirror of
https://github.com/Litlyx/litlyx
synced 2025-12-10 07:48:37 +01:00
87 lines
1.5 KiB
Markdown
87 lines
1.5 KiB
Markdown
---
|
|
sidebar_position: 3
|
|
---
|
|
|
|
# Install & Import LitLyx
|
|
Installing and integrating LitLyx into your code is simpler than anything else you've tried so far. 🔥 **with just 1 min setup! ⏱️**
|
|
|
|
**To install LitLyx, run the following command:**
|
|
|
|
```bash
|
|
npm i litlyx
|
|
```
|
|
|
|
## Choose your Framework
|
|
We designed LitLyx with simplicity in mind, so you can accomplish any task with just a single line of code. Now, it's time to start coding! 👇
|
|
|
|
import Tabs from '@theme/Tabs';
|
|
import TabItem from '@theme/TabItem';
|
|
|
|
<Tabs>
|
|
<TabItem value="js" label="JavaScript" default>
|
|
**(reading javascript)**
|
|
|
|
```ts
|
|
//import
|
|
import { Lit } from 'litlyx';
|
|
```
|
|
|
|
If your are using vanilla js you can find pretty intresting this approach too
|
|
|
|
```html
|
|
<script defer data-project="project_id_here" src="https://cdn.jsdelivr.net/npm/litlyx@1.1.0/browser/litlyx.js"></script>
|
|
```
|
|
|
|
</TabItem>
|
|
<TabItem value="vue" label="Vue" default>
|
|
**(reading Vue)**
|
|
|
|
```ts
|
|
//import
|
|
import { Lit } from 'litlyx';
|
|
```
|
|
#
|
|
</TabItem>
|
|
<TabItem value="react" label="React" default>
|
|
**(reading React)**
|
|
|
|
|
|
```ts
|
|
//import
|
|
import { Lit } from 'litlyx';
|
|
```
|
|
#
|
|
</TabItem>
|
|
<TabItem value="next" label="Next" default>
|
|
**(reading Next)**
|
|
|
|
|
|
```ts
|
|
//import
|
|
import { Lit } from 'litlyx';
|
|
```
|
|
#
|
|
</TabItem>
|
|
<TabItem value="nuxt" label="Nuxt" default>
|
|
**(reading Nuxt)**
|
|
|
|
|
|
```ts
|
|
//import
|
|
import { Lit } from 'litlyx';
|
|
```
|
|
#
|
|
</TabItem>
|
|
|
|
<TabItem value="angular" label="Angular" default>
|
|
**(reading Angular)**
|
|
|
|
|
|
```ts
|
|
//import
|
|
import { Lit } from 'litlyx';
|
|
```
|
|
#
|
|
</TabItem>
|
|
</Tabs>
|