Flexxbotics Shared UI Components

This 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/

Install

npm i @flexx-eng/flexx-uicomponents

Usage

• Any time a compatibility change or restructure change is made, create a major patch
• Any time a component is added, create a minor update
• Any time a component is modified or fixed, create a patch update

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:

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:

import { FlexxCheckbox } from "flexx.uicomponents";

<FlexxCheckbox ... />

License

Under Flexxbotics Licensing. Do not distribute.