@codehint-ng/tabs

A simple flexible tabs Angular component to group content with tabs.

Usage no npm install needed!

<script type="module">
  import codehintNgTabs from 'https://cdn.skypack.dev/@codehint-ng/tabs';
</script>

README

@codehint-ng/tabs

A simple flexible tabs Angular component to group content with tabs.

Usage

  1. Register the @codehint-ng/tabs in your module:

     import { CngTabsModule } from '@codehint-ng/tabs';

 @NgModule({
 declarations: [
     AppComponent
 ],
 imports: [
     CngTabsModule,
     ...
 ],
 ...

  2. Use components in your Angular application:

     <cng-tabs>
   <cng-tab #tabFirst>First Tab Title</cng-tab>
   <cng-tab #tabSecond [idHidden]="someFlag">Second Tab Title</cng-tab>
 </cng-tabs>

 <div [cngTabContentOf]="tabFirst">First Tab Content</div>
 <div [cngTabContentOf]="tabSecond">First Tab Content</div>