nui-coe-tabs
v1.0.0
Published
It is a reusable tabs component developed by HCL
Downloads
1
Maintainers
Readme
nUI-COE-tabs
Important
This package supports Angular 4
Description
This Tabs is responsive design, so feel free to try it in your desktops, tablets and mobile devices.
Installation
To install this component, follow the procedure:
Add dependency in package.json
"dependencies": {
"nUI-COE-tabs": "git+https://git.hclets.com/nUI-COE/nUI-COE-tabs.git"
}
- Install with npm:
npm install
- Add Tabs,Tab import to your @NgModule like example below
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { MyTestApp } from './my-test-app'; import { Tabs,Tab } from 'nUI-COE-tabs'; @NgModule({ imports: [ BrowserModule ], declarations: [ MyTestApp, Tabs,Tab ], bootstrap: [ MyTestApp ] }) export class MyTestAppModule {}
Usage
Use the following snippet inside your template. For example:
<tabs>
<Tab tabTitle="Tab1">
Content...Tab1
</tab>
<Tab tabTitle="Tab2">
Content...Tab2
</tab>
</tabs>
License
- License: ISC
Author
- Author: Birendranath Maity