To use Tabs, first import SharedModule
in your module.
import {SharedModule} from '@gaxon/modules';​@NgModule({...imports: [SharedModule, ...],...})export class YourAppModule {}
<ngb-tabset [orientation]="orientation"><ngb-tab title="Simple"><ng-template ngbTabContent><div class="card-body"><p class="card-text">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synthmaster cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retrokeffiyehdreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salviacillumiphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p></div></ng-template></ngb-tab><ngb-tab><ng-template ngbTabTitle><b>Fancy</b> title</ng-template><ng-template ngbTabContent><div class="card-body">Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.<p class="card-text">Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four lokofarm-to-tablecraft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco advinylcillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHSsalviayr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainablejeanshorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcherverosint qui sapiente accusamus tattooed echo park.</p></div></ng-template></ngb-tab><ngb-tab title="Disabled" [disabled]="true"><ng-template ngbTabContent><div class="card-body"><p class="card-text">Sed commodo, leo at suscipit dictum, quam est porttitor sapien, eget sodales nibh elit id diam. Nullafacilisi. Donec egestas ligula vitae odio interdum aliquet. Duis lectus turpis, luctus eget tincidunt eu,congue et odio. Duis pharetra et nisl at faucibus. Quisque luctus pulvinar arcu, et molestie lectus ultriceset. Sed diam urna, egestas ut ipsum vel, volutpat volutpat neque. Praesent fringilla tortor arcu. Vivamusfaucibus nisl enim, nec tristique ipsum euismod facilisis. Morbi ut bibendum est, eu tincidunt odio. Orcivarius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquet odio ac loremaliquet ultricies in eget neque. Phasellus nec tortor vel tellus pulvinar feugiat.</p></div></ng-template></ngb-tab></ngb-tabset>​
<div class="tabs-container tabs-vertical tabs-right"><ngb-tabset [orientation]="orientation"><ngb-tab title="Simple"><ng-template ngbTabContent><div class="card-body"><p class="card-text">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synthmaster cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retrokeffiyehdreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salviacillumiphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p></div></ng-template></ngb-tab><ngb-tab><ng-template ngbTabTitle><b>Fancy</b> title</ng-template><ng-template ngbTabContent><div class="card-body">Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.<p class="card-text">Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four lokofarm-to-tablecraft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco advinylcillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHSsalviayr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainablejeanshorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcherverosint qui sapiente accusamus tattooed echo park.</p></div></ng-template></ngb-tab><ngb-tab title="Disabled" [disabled]="true"><ng-template ngbTabContent><div class="card-body"><p class="card-text">Sed commodo, leo at suscipit dictum, quam est porttitor sapien, eget sodales nibh elit id diam. Nullafacilisi. Donec egestas ligula vitae odio interdum aliquet. Duis lectus turpis, luctus eget tincidunt eu,congue et odio. Duis pharetra et nisl at faucibus. Quisque luctus pulvinar arcu, et molestie lectus ultriceset. Sed diam urna, egestas ut ipsum vel, volutpat volutpat neque. Praesent fringilla tortor arcu. Vivamusfaucibus nisl enim, nec tristique ipsum euismod facilisis. Morbi ut bibendum est, eu tincidunt odio. Orcivarius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquet odio ac loremaliquet ultricies in eget neque. Phasellus nec tortor vel tellus pulvinar feugiat.</p></div></ng-template></ngb-tab></ngb-tabset><div/>
<div class="tabs-container tabs-vertical tabs-right"><ngb-tabset orientation="vertical"><ngb-tab><ng-template ngbTabTitle><gx-icon name="desktop" size="xl"></gx-icon></ng-template><ng-template ngbTabContent><div class="card-body"><p class="card-text">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofustumptown aliqua, retro synthmaster cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcherretrokeffiyehdreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeatsalviacillumiphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p></div></ng-template></ngb-tab><ngb-tab><ng-template ngbTabTitle><gx-icon name="dashboard" size="xl"></gx-icon></ng-template><ng-template ngbTabContent><div class="card-body">Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffeesquid.<p class="card-text">Exercitation +1 labore velit, blog sartorial PBR leggings next level wes andersonartisan four lokofarm-to-tablecraft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shortsullamco advinylcillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helveticaVHSsalviayr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit,sustainablejeanshorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblrbutcherverosint qui sapiente accusamus tattooed echo park.</p></div></ng-template></ngb-tab><ngb-tab><ng-template ngbTabTitle><gx-icon name="mail" size="xl"></gx-icon></ng-template><ng-template ngbTabContent><div class="card-body"><p class="card-text"><strong>A wonderful serenity has taken possession</strong> of myentire soul,like these sweet mornings of spring which I enjoy with my wholeheart. I am alone, and feel the charm of existence in this spot,which was created for the bliss of souls like mine.</p><p class="card-text">I am so happy, my dear friend, so absorbed in the exquisitesense of mere tranquil existence, that I neglect my talents. Ishould be incapable of drawing a single stroke at the presentmoment; and yet I feel that I never was a greater artist thannow.</p></div></ng-template></ngb-tab><ngb-tab [disabled]="true"><ng-template ngbTabTitle><gx-icon name="settings" size="xl"></gx-icon></ng-template><ng-template ngbTabContent><div class="card-body"><p class="card-text">Sed commodo, leo at suscipit dictum, quam est porttitor sapien, eget sodales nibhelit id diam. Nullafacilisi. Donec egestas ligula vitae odio interdum aliquet. Duis lectus turpis, luctus egettincidunt eu,congue et odio. Duis pharetra et nisl at faucibus. Quisque luctus pulvinar arcu, et molestie lectusultriceset. Sed diam urna, egestas ut ipsum vel, volutpat volutpat neque. Praesent fringilla tortor arcu.Vivamusfaucibus nisl enim, nec tristique ipsum euismod facilisis. Morbi ut bibendum est, eu tincidunt odio.Orcivarius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquetodio ac loremaliquet ultricies in eget neque. Phasellus nec tortor vel tellus pulvinar feugiat.</p></div></ng-template></ngb-tab></ngb-tabset></div>
<ngb-tabset type="pills"><ngb-tab title="Simple"><ng-template ngbTabContent><div class="card-body px-0"><p class="card-text">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofustumptownaliqua, retro synthmaster cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retrokeffiyehdreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salviacillumiphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p></div></ng-template></ngb-tab><ngb-tab><ng-template ngbTabTitle><b>Fancy</b> title</ng-template><ng-template ngbTabContent><div class="card-body px-0">Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffeesquid.<p class="card-text">Exercitation +1 labore velit, blog sartorial PBR leggings next level wes andersonartisanfour loko farm-to-tablecraft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamcoadvinylcillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHSsalviayr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit,sustainablejeanshorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblrbutcherverosint qui sapiente accusamus tattooed echo park.</p></div></ng-template></ngb-tab><ngb-tab title="Disabled" [disabled]="true"><ng-template ngbTabContent><div class="card-body px-0"><p class="card-text">Sed commodo, leo at suscipit dictum, quam est porttitor sapien, eget sodales nibh elitiddiam. Nulla facilisi. Donec egestas ligula vitae odio interdum aliquet. Duis lectus turpis, luctus egettincidunt eu, congue et odio. Duis pharetra et nisl at faucibus. Quisque luctus pulvinar arcu, et molestielectus ultrices et. Sed diam urna, egestas ut ipsum vel, volutpat volutpat neque. Praesent fringillatortorarcu. Vivamus faucibus nisl enim, nec tristique ipsum euismod facilisis. Morbi ut bibendum est, eutinciduntodio. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maurisaliquetodio ac lorem aliquet ultricies in eget neque. Phasellus nec tortor vel tellus pulvinar feugiat.</p></div></ng-template></ngb-tab></ngb-tabset>
For more information about options, check the Ng-Bootstrap​