Tabs Ng

Displays a tabset.

Tabs Ng

Example

<div ng-app="Ring.tabs" ng-strict-di>
  <rg-tabs class="container container_tabs">
    <rg-tabs-pane x-title="Settings">Settings tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Access" counter="7">Access tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Disabled" ng-disabled="true" counter="8">Inaccessible tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Members">Members tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Members" counter="666">Members 666 tab content</rg-tabs-pane>
  </rg-tabs>
</div>

import angular from 'angular';
import '@jetbrains/ring-ui/components/tabs-ng/tabs-ng';

Tabs Ng Dark

Example

:global(body) {
  background: #000;
}

<div ng-app="Ring.tabs" ng-strict-di>
  <rg-tabs class="container container_tabs" theme="dark">
    <rg-tabs-pane x-title="Settings">Settings tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Access" counter="7">Access tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Disabled" ng-disabled="true" counter="8">Inaccessible tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Members">Members tab content</rg-tabs-pane>
    <rg-tabs-pane x-title="Members" counter="666">Members 666 tab content</rg-tabs-pane>
  </rg-tabs>
</div>

import angular from 'angular';
import '@jetbrains/ring-ui/components/tabs-ng/tabs-ng';