---
sidebar_position: 5
---

# Custom Events
Your are not satisfied with the incredible insights you can gain from just one line of code? Looking for more control over your user interactions? LitLyx has you covered there too. 🔥 **Setup a custom event!** 
## Choose your Framework

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

<Tabs>
 <TabItem value="js" label="JavaScript" default>

 **(reading JavaScript)**
 
```ts
//trigger the event, record it real-time on dashboard
Lit.event('pretty_cool_event');
```
Still craving more control? Wow, you really are a dedicated developer! 🌟

```ts
Lit.event('pretty_cool_event',
  metadata: {
    'tag': 'litlyx so lit, dude1',
    'age': 28,
    'score': 99.99,
    'litlist': ['Hello', 'Lit']
  } 
);
```
  </TabItem>
  <TabItem value="vue" label="Vue" default>

 **(reading Vue)**

```ts
//trigger the event, record it real-time on dashboard
Lit.event('pretty_cool_event');
```
Still craving more control? Wow, you really are a dedicated developer! 🌟

```ts
Lit.event('pretty_cool_event',
  metadata: {
    'tag': 'litlyx so lit, dude1',
    'age': 28,
    'score': 99.99,
    'litlist': ['Hello', 'Lit']
  } 
);
```
  </TabItem>
 <TabItem value="react" label="React" default>

 **(reading React)**

```ts
//trigger the event, record it real-time on dashboard
Lit.event('pretty_cool_event');
```
Still craving more control? Wow, you really are a dedicated developer! 🌟

```ts
Lit.event('pretty_cool_event',
  metadata: {
    'tag': 'litlyx so lit, dude1',
    'age': 28,
    'score': 99.99,
    'litlist': ['Hello', 'Lit']
  } 
);
```
  </TabItem>
  <TabItem value="next" label="Next" default>

 **(reading Next)**


```ts
//trigger the event, record it real-time on dashboard
Lit.event('pretty_cool_event');
```
Still craving more control? Wow, you really are a dedicated developer! 🌟

```ts
Lit.event('pretty_cool_event',
  metadata: {
    'tag': 'litlyx so lit, dude1',
    'age': 28,
    'score': 99.99,
    'litlist': ['Hello', 'Lit']
  } 
);
```
  </TabItem>
<TabItem value="nuxt" label="Nuxt" default>

 **(reading Nuxt)**

```ts
//trigger the event, record it real-time on dashboard
Lit.event('pretty_cool_event');
```
Still craving more control? Wow, you really are a dedicated developer! 🌟

```ts
Lit.event('pretty_cool_event',
  metadata: {
    'tag': 'litlyx so lit, dude1',
    'age': 28,
    'score': 99.99,
    'litlist': ['Hello', 'Lit']
  } 
);
```
  </TabItem>
  <TabItem value="angular" label="Angular" default>

 **(reading Angular)**

```ts
//trigger the event, record it real-time on dashboard
Lit.event('pretty_cool_event');
```
Still craving more control? Wow, you really are a dedicated developer! 🌟

```ts
Lit.event('pretty_cool_event',
  metadata: {
    'tag': 'litlyx so lit, dude1',
    'age': 28,
    'score': 99.99,
    'litlist': ['Hello', 'Lit']
  } 
);
```
  </TabItem>
</Tabs>
