ngx-lite-ui

[![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][downloads-url]

Usage no npm install needed!

<script type="module">
  import ngxLiteUi from 'https://cdn.skypack.dev/ngx-lite-ui';
</script>

README

Angular Lightweight UI Components Library

NPM version Downloads

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.

Change log

License

MIT