OpenTok UX Components are built with:
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 https://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>
}
Interested in contributing? We ❤️ pull requests! See the Contribution guidelines.
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
- Check out the Developer Documentation at https://tokbox.com/developer/