Skip to content

Latest commit

 

History

History
69 lines (55 loc) · 2.57 KB

README.md

File metadata and controls

69 lines (55 loc) · 2.57 KB
Raw

BBB UI Components React

This repository contains a library of reusable React components extracted from the BigBlueButton (BBB) core project. These components provide a consistent, customizable interface that can be reused in other projects, allowing them to easily adopt the BBB visual identity.

Demo

Installation

This library is under active development and not yet published on npm. For now, you can clone the repository and install it locally.

Building the bundle

npm install
npm run build-bundle

Using npm link

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 doesn't handle multiple instances well. Add the following alias configuration to the project that uses this lib:

resolve: {
  alias: {
    'styled-components': path.resolve('./node_modules/styled-components'),
    react: path.resolve('./node_modules/react'),
    'react-dom': path.resolve('./node_modules/react-dom'),
  },
}

Components Migration Table

Component Name Final Name Migration Status
Button BBButton 🟡
Checkbox `` ❌
ControlHeader `` ❌
FileReader `` ❌
Icon `` ❌
Dropdown `` ❌
BBBMenu `` ❌
Modal `` ❌
Radio `` ❌
Separator `` ❌
Switch BBBToggle 🟡
Spinner `` ❌
Toast `` ❌
Tooltip `` ❌
TextAreaInput BBBTextAreaInput ✅

Missing Items

Button (BBButton)

  • colors
  • sizes
  • label
  • ghost
  • circle
  • block
  • icon
  • svgIcon
  • iconRight
  • hideLabel
  • customIcon
  • loading

Switch (BBBToggle)

  • On/Off labels