Package Exports
- ngx-lite-ui
- ngx-lite-ui/package.json
Readme
Angular Lightweight UI Components Library
A free lightweight UI library for Angular enterprise applications. It contains a high-performance and responsive UI components.
Follow the Demo to get started.
Installation
// with npm
$ npm i ngx-lite-ui --save
// with yarn
$ yarn add ngx-lite-uiFeatures
- Label
- TextField
- Dropdown
- Button
- Checkbox
- Radio button
- Switch
- Progressbar
- Icon
- Cards
- Card
- Bubble
- Avatar
- Tab
- Dropdown menu
- Grid
- Sheet
- Scheduler
- popup
- etc
Before starting
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>How to use
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.