UX Components

OpenTok UX Components are built with:

• TypeScript
• React
• PostCSS

You can preview components using React Storybook. Due to a current issue with yarn, it's recommended that you use npm.

$ npm i
$ npm run storybook

You can view the storybook at http://localhost:6006/

If you get an error regarding type declarations for a css file, you may need to run npm run watch in a separate terminal tab.

Components are not yet available on npm, but you can test them in your own project by cloning the repo and then from the root directory:

 $ npm i
 $ yarn link

Within the root of your own project's directory, run yarn link opentok-react-components. Then you can import and use components as normal:

import { Button } from 'opentok-ux-components';
import 'opentok-ux-components/dist/style.css';

 . . .

  render() {
	  <div>
	    <Button text="hello" onClick={onClick} />
	  </div>
  }

Development and Contributing

Interested in contributing? We ❤️ pull requests! See the Contribution guidelines.

Getting Help

We love to hear from you so if you have questions, comments or find a bug in the project, let us know! You can either:

• Open an issue on this repository
• See https://support.tokbox.com/ for support options
• Tweet at us! We're @VonageDev on Twitter
• Or join the Vonage Developer Community Slack

Further Reading

• Check out the Developer Documentation at https://tokbox.com/developer/