The Flexxbotics internal shared UI components used in React-based projects.
npm install @flexx-eng/flexx-uicomponentsThis package contains the Flexxbotics components that are shared across projects. It contains a standard set of UI components that use the Flexxbotics styles and standards. After making edits to a component, please make sure all references are tested before pushing to the bitbucket repository.
https://bitbucket.org/botautomation/flexx.uicomponents/src/main/
``bash`
npm i @flexx-eng/flexx-uicomponents
To build this project, run the npm run deploy command.
This command will use the five other commands; build, css, fonts, styles, and images:
1. Builds the JS file and types.d files in the dist directory
2. Compiles the scss into a css file in the dist directory
3. Copies the font files into the dist directory
4. Copies the stylesheet files into the dist directory
5. Copies the image files into the dist directory
To use this lib in code:
In the Navbar or a top level file:
`tsx`
import "flexx.uicomponents/dist/index.css";
This should import all font and scss/css styles that are needed for these components.
Then for any component:
`tsx
import { FlexxCheckbox } from "flexx.uicomponents";
``
Under Flexxbotics Licensing. Do not distribute.