Angular 7 Components, Auth and Security
Clone or download
yggg and nnixaa fix(search): emit activate and deactivate events (#1162)
Emit search activate and deactivate events when search opened from `NbSearchComponent`.
Latest commit 67c5718 Jan 16, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github docs: update readme and issue template with a link to StackBlitz (#1120) Jan 3, 2019
.vscode build: exclude .lib folder for vscode (#92) Nov 28, 2017
docs feat(footer): change ngx-admin link in footer (#1105) Dec 22, 2018
e2e chore(e2e): remove most of the tests temporary (#990) Nov 15, 2018
packages-smoke chore: angular 7+ update (#929) Nov 14, 2018
schematics feat(playground): components list (#1106) Dec 26, 2018
scripts chore(playground): remove schematics watch task (#1154) Jan 15, 2019
src fix(search): emit activate and deactivate events (#1162) Jan 16, 2019
.editorconfig feat(app): initial a new project structure Feb 2, 2017
.firebaserc chore(build): automatic firebase dev deploy (#194) Feb 8, 2018
.gitattributes chore: specify line endings (#1135) Jan 10, 2019
.gitignore chore(build): create folder structure for docs based on structure.ts (#… Jul 4, 2018
.stylelintrc.json feat(docs): update docs design, add playground examples Jun 7, 2018
.travis.yml chore(build): add Nebular smoke test travis step (#826) Oct 1, 2018
CHANGELOG.md release: 3.1.0 🎄 (#1119) Dec 31, 2018
CODE_OF_CONDUCT.md docs: contributing guides and isssue/pr templates (#123) Jan 5, 2018
CONTRIBUTING.md docs(readme): add release commit status (#131) Jan 10, 2018
DEV_DOCS.md chore(playground): remove schematics watch task (#1154) Jan 15, 2019
LICENSE.txt style(layout): flex integration Mar 22, 2017
README.md docs: update readme and issue template with a link to StackBlitz (#1120) Jan 3, 2019
angular.json fix(test): exclude schematics from main test (#991) Nov 15, 2018
codecov.yml chore: add codecov for PRs (#572) Jul 20, 2018
firebase.json chore(build): automatic firebase dev deploy (#194) Feb 8, 2018
gulpfile.js refactor(build): use gulp with typescript & split scripts Mar 12, 2018
karma.conf.js feat(theme): add new List and Infinite List components (#530) Aug 1, 2018
package-lock.json fix(popover): fix template context not being passed, update cdk to 7.… Jan 15, 2019
package.json chore(playground): remove schematics watch task (#1154) Jan 15, 2019
protractor.conf.ci.js fix(e2e): add redundance note in protractor.conf.ci.js (#839) Oct 1, 2018
protractor.conf.js build(travis): reconfigure travis to support jobs matrix, setup sauce… Jan 18, 2018
tsconfig.json feat(dependencies): update bootstrap & angular, accompanying fixes (a… Oct 26, 2017
tsconfig.publish.json feat(theme): ng-add schematic (#942) Nov 15, 2018
tsconfig.schematics.json feat(theme): ng-add schematic (#942) Nov 15, 2018
tsconfig.schematics.publish.json feat(theme): ng-add schematic (#942) Nov 15, 2018
tslint.json refactor(auth): move auth components templates into separate files, a… Aug 16, 2018

README.md

Nebular npm Build Status npm Dependency Status

Nebular is a great toolkit if you build Rich UI web-application based on Angular, and want to bootstrap your development using essential features out of the box. It provides you with a set of native Angular components, themeable components, authentication and security layers easily configurable for your API. At the same time, Nebular allows you to use it together with any other UI library you choose.

A Second of your time

Help us to make Nebular better!

Getting started

Documentation | ngx-admin demo | StackBlitz Seed Project

Installation

Angular CLI

Install Nebular with Angular CLI

ng add @nebular/theme

And that's it. Configuration will be done automatically.

If you want to have more control over setup process you may use manual setup guide.

Manual

  1. Install Nebular modules
npm install --save @nebular/theme @angular/cdk @angular/animations

Additionally you can install Auth and Security npm install --save @nebular/auth @nebular/security

  1. Register Nebular theme module into app.module:
import { RouterModule } from '@angular/router';
import { NbThemeModule } from '@nebular/theme';

@NgModule({
  imports: [
    RouterModule.forRoot([ ... ]), // Router is required by Nebular
    NbThemeModule.forRoot(),
  ]
})
export class AppModule { }
  1. Register theme styles
"styles": [
  "../node_modules/@nebular/theme/styles/prebuilt/default.css",
],
  1. Create a page with Nebular components
import { NbLayoutModule, NbButtonModule } from '@nebular/theme';

@NgModule({
  imports: [
    NbLayoutModule,
    NbButtonModule,
  ],
})
export class SomePageModule { }
@Component({
  template: `
    <nb-layout>
      <nb-layout-header fixed>Awesome Nebular</nb-layout-header>
      
      <nb-layout-column>
        <button nbButton>Hello World!</button>
      </nb-layout-column>
    </nb-layout>
  `,
})
export class SomePageComponent { }

That's it. Check Documentation for more details.

Starter Kits

  • ngx-admin - application based on Nebular modules with beautiful IOT components. Live Demo.
  • ngx-admin-starter - clean application based on Nebular modules with a limited number of additional dependencies.

Developer Utils

  • VSCode Extension - a Visual Studio Code snippets extension for Nebular components and directives.
  • Intellij Plugin - a Intellij (WebStorm, IDEA, etc) Live template plugin for Nebular components and directives.

License

MIT license.

BrowserStack

This project runs its tests on multiple desktop and mobile browsers using BrowserStack.

More from Akveo

  • Eva Icons - 480+ beautiful Open Source icons
  • ngx-admin - the best Angular admin template

How can I support the developers?

  • Star our GitHub repo ⭐️
  • Create pull requests, submit bugs, suggest new features or documentation updates 🔧
  • Follow us on Twitter 🐾
  • Like our page on Facebook 👍

From Developers

Made with ❤️ by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!