@dytesdk/ui-kit-addons v1.1.12

Table of Contents

• Table of Contents
• About The Project
• Samples
• Usage
• About

About The Project

This repository consists of all the different ways in which you can use Dyte's React UI Kit and other packages to its full extent to get the best live audio/video experience.

Samples

Here are the list of available samples at the moment.

1. Custom Controlbar button
2. Video Background
3. Hand Raise
4. Participants Tab Action

Usage

To use these addons you would need to do the following steps:

1. Install the addon package:

npm install @dytesdk/ui-kit-addons

2. Import the addon that you need, for example: custom-controlbar-button:

import CustomControlbarButton from '@dytesdk/ui-kit-addons/custom-controlbar-button';

3. Configure the addon

const myButton = new CustomControlbarButton({
   position: 'left',
   icon: svgIcon,
   label: 'Click Me!',
   onClick: () => alert('Clicked!')
});

4. Register addon

import { registerAddons } from dytesdk/ui-kit;
...
const newConfig = registerAddons([myButton], meeting);

5. Pass the config to meeting UI

<dyte-meeting meeting={meeting} config={newConfig}></dyte-meeting> 

About

This project is created & maintained by dyte, Inc. You can find us on Twitter - @dyte_io or write to us at dev@dyte.io.

The names and logos for Dyte are trademarks of dyte, Inc.

We love open source software! See our other projects and our products.