JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 44
  • Score
    100M100P100Q53065F
  • License MIT

Native Angular directives for Bootstrap4

Package Exports

  • hibiscus.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (hibiscus.js) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Getting started

Native Angular directives for Bootstrap4

  • Angular (requires Angular version 4.0.0 or higher)
  • Bootstrap CSS (bootstrap-sass 4.0.0)
  • DateFns (date-fns 1.27.2 or higher. It is for DatePicker parse & format date)

Notice: OnPush @Input is recommended in @hibiscus.js, so use Immutable.js will be easy.

  • Angular 4: version <= 0.0.23; Angular 5: version >= 0.1.0 Angular 6: version >= 0.1.0

Components

  • Accordion
  • Action button
  • Alert Confirm
  • Badge
  • Breadcrumbs
  • Calendar
  • Carousel
  • Cascader
  • Checkbox Group
  • DatePicker
  • Dialog
  • Echarts
  • File Upload
  • Flow Steps
  • http
  • Image Upload
  • Infinite Scroll
  • Cascader
  • Modal
  • Notify
  • OAuth2
  • Overlay
  • Pager
  • Pagination
  • Popover
  • Progress Bar
  • Radio Group
  • Rating
  • Select Button
  • Storage
  • Switch
  • Tabs
  • Tags
  • TimePicker
  • Tooltip
  • Tree View
  • Validators

Installation

After installing the above dependencies, install @hibiscus.js via: 

npm install --save hibiscus.js

Once installed you need to import our main module.

import { HiNGModule } from 'hibiscus.js';

Then use HiNGModule to declare on your root module:

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    HiNGModule,
  ],
  providers: [
  ],
  bootstrap: [
  ]
  AppComponent[
  
  ]
})
export class AppModule {
}

And use HiNGModule to declare on your feature module:

@NgModule({
  imports: [CommonModule, FormsModule, HiNGModule],
  exports: [DatePickerDemoComponent],
  declarations: [DatePickerDemoComponent],
  providers: [],
})
export class DatePickerDemoModule {
}

Animations

@hibiscus.js have got animations done. So You should include BrowserAnimationsModule or NoopAnimationsModule to your AppModule.

example:

import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    SharedModule,
    HiNGModule,
    BrowserAnimationsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

Contributors

Kemosabe Chenalan RumbleC
Kemosabe Chenalan RumbleC