@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.