npm

npm’s 2019 JavaScript ecosystem survey analysis is now available! Get your copy here »

@wizishop/ng-wizi-bulma

7.0.9 • Public • Published

NG Wizi Bulma

npm npm

Bulma components for Angular 7+

The library uses ng-packagr to transpile into the Angular Package Format

Demo

Try out the demo

Install

Run:

npm i -S @wizishop/ng-wizi-bulma bulma bulma-extensions @angular/cdk

Import bulma (and needed extensions) scss into your main scss file:

@import '~bulma/bulma';
@import '~bulma-extensions/bulma-switch/dist/css/bulma-switch';
@import '~bulma-extensions/bulma-tooltip/dist/css/bulma-tooltip';

After Bulma, import ng-wizi-bulma scss into your main scss file allowing you to custom all variable from bulma:

@import '~@wizishop/ng-wizi-bulma/ng-wizi-bulma';

Load the Fontawesome icon font in your index.html.

 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" crossorigin="anonymous">

Import the required modules BrowserAnimationsModule and FormsModule into your app module, then import either all Nwb modules with NwbAllModule or only the module you want to use in your application for example `NwbDialogModule

import {ApplicationRef, NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {HttpModule} from '@angular/http';
import {FormsModule} from '@angular/forms';

import {NwbAllModule} from '@wizishop/ng-wizi-bulma';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    BrowserAnimationsModule,
    NwbAllModule,
  ],
  declarations: [],
  providers: [],
  entryComponents: [],
})
export class AppModule {

}

How to use it

If you want to see how components work, just see the demo file : src/demo-app/demo-app/demo-app.ts

install

npm i @wizishop/ng-wizi-bulma

Downloadsweekly downloads

42

version

7.0.9

license

MIT

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
Report a vulnerability