This repository contains a library of reusable React components extracted from the main BigBlueButton (BBB) project. These components provide a consistent and customizable interface that can be reused in other projects, allowing them to easily adopt the BBB visual identity.
This library requires the following peer dependencies to be installed in your project:
react >=18.0.0
react-dom >=18.0.0
styled-components >=5.3.0
react-modal >=3.16.1
@emotion/react ^11.14.0
@emotion/styled ^11.14.1
@mui/material ^7.3.1
@mui/styles ^6.4.8
prop-types ^15.8.1
react-icons ^5.5.0
Make sure to install these dependencies to avoid runtime errors and ensure compatibility.
This library is under active development and has not yet been published on npm. For now, you can clone the repository and install it locally.
npm install
npm run build-bundle
When developing and testing locally with npm link, you may need to adjust your Webpack configuration to ensure compatibility with styled-components and react, which do not handle multiple instances well. Add the following alias configuration to the project that uses this library:
resolve: {
alias: {
'styled-components': path.resolve('./node_modules/styled-components'),
react: path.resolve('./node_modules/react'),
'react-dom': path.resolve('./node_modules/react-dom'),
},
}Below is a list of the components available in this library. Each component has its own detailed documentation with usage examples and a complete list of props.