https://github.com/bruegmann/blue-react
UI library for React using Custom Components and Bootstrap.
https://github.com/bruegmann/blue-react
bootstrap bootstrap5 component-library css javascript react scss ui-components
Last synced: 26 days ago
JSON representation
UI library for React using Custom Components and Bootstrap.
- Host: GitHub
- URL: https://github.com/bruegmann/blue-react
- Owner: bruegmann
- License: lgpl-3.0
- Created: 2020-07-02T11:01:09.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2026-03-18T12:51:09.000Z (3 months ago)
- Last Synced: 2026-03-19T03:34:53.439Z (3 months ago)
- Topics: bootstrap, bootstrap5, component-library, css, javascript, react, scss, ui-components
- Language: TypeScript
- Homepage: https://bruegmann.github.io/blue-react/
- Size: 104 MB
- Stars: 3
- Watchers: 0
- Forks: 2
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Blue React
[](https://www.npmjs.com/package/blue-react)
[Checkout the docs](https://bruegmann.github.io/blue-react) to find out how to
use Blue React.
## Breaking changes between v10 and v11
### Fundamental changes in `MenuItem`
- Removed props
- onClickAttached
- iconClassName
- labelClassName
- caretClassName
- caretStyle
- isHome
- dropdownClassName
- dropdownStyle
- showDropdown
- onShowDropdown
- supportOutside
- outsideIgnoreClasses
- Renamed
- iconForActive -> iconForCurrent
- isActive -> current
- highlighted -> active
- Changed behviour. Menu item no longer has built in styling if `draggable`. But since Menu item extends HTML Button or A element, props `draggable`, `onDragStart` etc. should still work.
- Added
- sm
- lg
- iconBefore
- iconAfter
- labelHidden
- busy
- success
- defaultDisplay
- buttonContent
- as
The previous Menu Item with the older API is still available as `LegacyMenuItem`, but will be removed in a future release. Because of styling changes in Blue Web, it might not behave the same.
### Removed deprecated components
- Body
- Page
- SidebarToggler
## Developing
This project is built with [CRA](https://create-react-app.dev/). To start
developing, just and install everything with `npm i` and run:
```
npm start
```
## Create a new release
This is how to manually create a release:\
By running
```
npm publish
```
the missing files in `./dist` will be created, the docs will be generated and
the NPM package will be released.
To publish changes on the documentary, run:
```
npm run deploy
```
To run both of them:
```
npm run release
```