open-index/open-npm huggingface dataset:
npm package: @nabl-pro/meet
Description: This guide explains how to set up your project to begin using Nabl Meet. It includes information on prerequisites, installing Nabl Meet, and optionally displaying a sample Meet component in your application to verify your setup.
Latest version: 0.0.96


# Nabl Meet

This guide explains how to set up your project to begin using Nabl Meet. It includes information on prerequisites, installing Nabl Meet, and optionally displaying a sample Meet component in your application to verify your setup.

## Install

To install Nabl Meet in your application

 - Either include CDN url

```html
  <script src="https://cdn.jsdelivr.net/npm/@nabl-pro/meet/meet.js"></script>
```

 - Or install npm package

```bash
  npm i @nabl-pro/meet
```

Include stylesheet CDN url

```html
  <link href="https://cdn.jsdelivr.net/npm/@nabl-pro/meet/meet.css" />
```

## Usage

```javascript
import MeetSDK from '@nabl-pro/meet';

MeetSDK.init();

initMeet() {
  const meetElm = document.createElement('nabl-meet');
  meetElm.meet = {
    id: <meetingId>,
    name: <meetingName>,
    appToken: <appToken>,
    user: {
      id: <userId>,
      name: <userName>,
      role: <userRole>
    }
  };
  document.body.appendChild(meetElm);
}
```

## API Reference

| Parameter     | Type     | Description                   |
| :------------ | :------- | :---------------------------- |
| `meetingId`   | `string` | **Required**. Id of meeting   |
| `meetingName` | `string` | **Optional**. Name of meeting |
| `appToken`    | `string` | **Required**. Token of app    |
| `userId`      | `string` | **Required**. Id of user      |
| `userName`    | `string` | **Required**. Name of user    |
| `userRole`    | `string` | **Required**. Role of user    |