README
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
- Label
- TextField
- Dropdown
- Button
- Checkbox
- Radio button
- Switch
- Progressbar
- Icon
- Cards
- Card
- Bubble
- Avatar
- Tab
- Dropdown menu
- Grid
- Date picker
- Spreadsheet
- Scheduler
- popup
- 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.