All Projects → VJAI → lego

VJAI / lego

Licence: MIT license
Angular library of reusable UI components

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
typescript
32286 projects
HTML
75241 projects

Projects that are alternatives of or similar to lego

ThinkApp
Test your knowledge with any of the available topic this fun and free Champion Quiz Master App. Save your time and effort by saving your queries & its resolutions
Stars: ✭ 15 (-48.28%)
Mutual labels:  angular8
angular-8-jwt-authentication
Demo project for Angular 8 JWT Authentication with HttpInterceptor and Router
Stars: ✭ 36 (+24.14%)
Mutual labels:  angular8
Ng Select
⭐ Native angular select component
Stars: ✭ 2,781 (+9489.66%)
Mutual labels:  angular8
teanjs
🔥 TypeORM - Express - Angular 8 - NestJS Server Side Rendering (SSR) 😺
Stars: ✭ 62 (+113.79%)
Mutual labels:  angular8
angular-animations
A sample application exploring the Angular animations module using Angular 8
Stars: ✭ 19 (-34.48%)
Mutual labels:  angular8
journey full microservices
The journey to building a full microservice app
Stars: ✭ 16 (-44.83%)
Mutual labels:  angular8
GPS-Mobile-Tracking-App
Angular 9.0 HTML Bootstrap NodeJS and MYSQL App - Store GPS Mobile Browser Location
Stars: ✭ 32 (+10.34%)
Mutual labels:  angular8
fire-drill
Find, Edit, Add, Remove, Import, Export, and Report on your Firebase data
Stars: ✭ 58 (+100%)
Mutual labels:  angular8
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (-10.34%)
Mutual labels:  angular8
mean-stack-angular-8-blog-cms
MEAN Stack (Angular 8) Tutorial: Build a Simple Blog CMS Example
Stars: ✭ 19 (-34.48%)
Mutual labels:  angular8
Mehul.Kothari
mehul-kothari.vercel.app/
Stars: ✭ 47 (+62.07%)
Mutual labels:  angular8
spring-boot-mongodb-security-angular8
Spring Boot, Security, MongoDB, Angular 8: Build Authentication
Stars: ✭ 17 (-41.38%)
Mutual labels:  angular8
angular-8-custom-modal
Angular 8 Custom Modal with Angular CLI
Stars: ✭ 18 (-37.93%)
Mutual labels:  angular8
angular-8-alert-notifications
Angular 8 - Alert (Toaster) Notifications
Stars: ✭ 32 (+10.34%)
Mutual labels:  angular8
ng-logger
Angular logger service
Stars: ✭ 65 (+124.14%)
Mutual labels:  angular8
angular-material8-custom-theme
Angular Material 8 Custom Theme - Learn to create Angular Material 8 custom theme from scratch in less than 5 minutes in an Angular 8 project.
Stars: ✭ 16 (-44.83%)
Mutual labels:  angular8
Deneb
A web client for https://github.com/lordfriend/Albireo
Stars: ✭ 30 (+3.45%)
Mutual labels:  angular8
service-fabric-explorer
Service Fabric Explorer is a web based dashboard for visualizing the state of a Service Fabric cluster.
Stars: ✭ 102 (+251.72%)
Mutual labels:  angular8
ngx-vant
Lightweight Mobile UI Components built on Vant and Angular
Stars: ✭ 34 (+17.24%)
Mutual labels:  angular-ui-components
Angular-Movies
Angular Movies | TV Shows is a simple web app that consumes The Movie DB API - Angular 13 + Material Angular
Stars: ✭ 35 (+20.69%)
Mutual labels:  angular8

LEGO

Lego is an UI library built on Angular. It provides set of UI components that helps to build single page apps quicker. It also provides you simple abstractions that helps to build new components easier.

PLEASE CHECK THE DEMOS

Installing Lego

You can install it from npm.

npm install lego-ui-kit --save

Lego needs Angular CDK library to be installed. You can install it running the below command.

npm install @angular/cdk --save

Importing in App

Importing the module in app.module.ts.

import { LegoModule } from 'lego-ui-kit';

@NgModule({
  imports: [
    LegoModule,
    ...
  ]
})
export class AppModule {
}

Importing the SCSS file in styles.scss.

@import '~lego-ui-kit/scss/lego';

Copy the icon sprite to assets folder

Copy the icon sprite file from lego-ui-kit/assets/icons/Svg/sprite.css.svg to your project assets/images folder.

Supported Browsers

  • Chrome
  • Safari
  • Opera
  • Firefox
  • Edge
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].