@ngx-tiny/tabs
TypeScript icon, indicating that this package has built-in type declarations

10.0.0 • Public • Published

@ngx-tiny/tabs

minzipped size last commit licence

Angular Tabs Component.

  • Angular 10 implementation
  • Works with SSR
  • No Dependencies required
  • Support Router routes
  • Lightweight
  • Themeable to own requirements

Installation

$ npm i @ngx-tiny/tabs

Example

ngx-tabs example

Documentation

Full Docs:

You can find the full documentation at https://aavanzyl.github.io/ngx-tiny which includes

  • Installation instructions
  • Usage and Demos
  • API Reference

Quick Start:

  1. Install with npm: npm install @ngx-tiny/tabs --save

  2. Add NgxTabsModule to your @NgModule like example below

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { NgxTabsModule } from '@ngx-tiny/tabs';
    
    import { AppComponent } from './app.component';
    
    @NgModule({
        imports: [BrowserModule, NgxTabsModule],
        declarations: [AppComponent],
        bootstrap: [AppComponent]
    })
    
    export class AppModule { }
  3. Add the component to your view for basic

    <ngx-tabs>
        <ngx-tab [active]="true" name="Tab 1">
            Tab 1
        </ngx-tab>
        <ngx-tab name="Tab 2">
            Tab 2
        </ngx-tab>
        <ngx-tab name="Tab 3">
            Tab 3
        </ngx-tab>
    </ngx-tabs>

    The examples above are quite basic. The picker has much more features and configurations.

Support

Support me by becoming a patron and buying me a beer :)

License

See the LICENSE file.

Package Sidebar

Install

npm i @ngx-tiny/tabs

Weekly Downloads

6

Version

10.0.0

License

MIT

Unpacked Size

121 kB

Total Files

19

Last publish

Collaborators

  • aavanzyl