ngx-hive-five v0.0.1

Installation

npm i ngx-hive-five

API

import { NgxHiveFiveModule } from 'ngx-hive-five' selector: tab2

Usage

1) Register the NgxHiveFiveModule in your app module.

import { NgxHiveFiveModule } from 'ngx-hive-five'

import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatAutocompleteModule, MatInputModule } from '@angular/material';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgxHiveFiveModule } from 'ngx-hive-five';
import { AppComponent } from './app.component';

@NgModule({
 declarations: [AppComponent],
 imports: [
   BrowserModule,
   BrowserAnimationsModule,
   FormsModule,
   ReactiveFormsModule,
   MatInputModule,
   MatAutocompleteModule,
   HttpClientModule,
   NgxHiveFiveModule
 ],
 providers: [],
 bootstrap: [AppComponent]
})
export class AppModule {}

2) Use the directive (NgxHiveFiveModule) in your component.

import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
import { AppService } from './app.service';
@Component({
  selector: 'app',
  template: `<h3>NgxHiveFiveModule demo app using Angular Material</h3>
<div>
  <mat-form-field>
    <input matInput  tab2
      formControlName="country" >
  </mat-form-field>
  <input tab2>
  <input type="radio" tab2>
  <input type="checkbox" tab2>
</div>
`,
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

  constructor() {}

  ngOnInit() {    
  }  
}