Angular Lightweight UI Components Library
A free lightweight UI library for Angular enterprise applications. It contains a high-performance and responsive UI components.
A minimal demo page can be found here.
Installation
// The package can be installed via NPM
$ npm i ngx-lite-ui --save
// Or by using Yarn
$ yarn add ngx-lite-ui
Features
- [x] Label
- [x] TextField
- [x] Dropdown
- [x] Button
- [x] Checkbox
- [x] Radio button
- [x] Switch
- [x] Progressbar
- [x] Icon
- [x] Cards
- [x] Card
- [x] Bubble
- [x] Avatar
- [x] Tab
- [x] Dropdown menu
- [x] Toast
- [x] Grid
- [x] Date picker
- [x] popup
- [x] loading state
- [ ] Spreadsheet
- [ ] Scheduler
- [ ] etc
Requirements
Add the following links inside the head element of your html page.
<head>
...
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>
<link
href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined"
rel="stylesheet"
/>
...
</head>Getting started
This is a basic usage of ngx-label. To import the existing LabelModule into your project (ex: app.module), proceed as follows:
import { LabelModule } from 'ngx-lite-ui';
imports: [
...
LabelModule,
...
],Add the following line to your component:
<ngx-label [required]="true">This is a required label</ngx-label>Follow the same process for the other components.
Contribute
We are always open to your suggestions for further improvement.