@ngx-bio-components
Welcome, You can access and contribute NGX Bio Component UI libraries developed for Angular in this repo.
It has been developed by taking inspiration from the core features of Angular Material and TailwindUI interface components.
Components List
Some of the components on the list are still in development and may not work properly.
- Alert
- Avatar
- Badge
- Bottom Sheet
- Button
- Button Toggle
- Card
- Checkbox
- Chip
- Chip List
- datepicker
- Form Field
- Hint
- Icon
- Input
- Label
- List
- List Item
- Menu
- Menu Item
- Paginator
- Progress Bar
- Progress Spinner
- Radio Button
- Select
- Sidenav
- Slide Toggle
- Slider
- Snackbar
- Stepper
- Tab
- Table
- Toolbar
- Tooltip
Get started developing your own Angular Component UI Library
Using Workspace Generators
Create a new library project using the workspace generator
nx workspace-generator generate-library button
Create a new component using the workspace generator.
nx workspace-generator generate-component foo --project="button
Start developing with Storybook
nx run button:storybook
Navigate to http://localhost:4200/. The storybook will automatically reload if you change any of the source files.
Build
nx run button:build:production
o build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Understand your workspace
Run nx graph
to see a diagram of the dependencies of your projects.
Adding capabilities to your workspace
Nx supports many plugins which add capabilities for developing different types of applications and different tools.
These capabilities include generating applications, libraries, etc as well as the devtools to test, and build projects as well.
Below are our core plugins:
There are also many community plugins you could add.
Further help
This project was generated using Nx. Visit the Nx Documentation to learn more.