@dytesdk/ui-kit-addons
v1.1.13
Published
A collection of Dyte UI-kit addons
Downloads
1,256
Readme
Table of Contents
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.
Usage
To use these addons you would need to do the following steps:
- Install the addon package:
npm install @dytesdk/ui-kit-addons
- Import the addon that you need, for example:
custom-controlbar-button
:
import CustomControlbarButton from '@dytesdk/ui-kit-addons/custom-controlbar-button';
- Configure the addon
const myButton = new CustomControlbarButton({
position: 'left',
icon: svgIcon,
label: 'Click Me!',
onClick: () => alert('Clicked!')
});
- Register addon
import { registerAddons } from dytesdk/ui-kit;
...
const newConfig = registerAddons([myButton], meeting);
- 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 [email protected]
.
The names and logos for Dyte are trademarks of dyte, Inc.
We love open source software! See our other projects and our products.