carbon-components-angular
Version:
Next generation components
81 lines (77 loc) • 2.96 kB
TypeScript
/**
*
* carbon-angular v0.0.0 | tabs-vertical.component.d.ts
*
* Copyright 2014, 2026 IBM
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { QueryList, AfterContentInit, OnChanges, SimpleChanges } from "@angular/core";
import { Tab } from "./tab.component";
import * as i0 from "@angular/core";
/**
* `TabsVertical` is a vertical-orientation variant of `Tabs`. It expects a set
* of `<cds-tab>` elements as children and renders the headers vertically.
*
* ```html
* <cds-tabs-vertical>
* <cds-tab heading='tab1'>tab 1 content</cds-tab>
* <cds-tab heading='tab2'>tab 2 content</cds-tab>
* </cds-tabs-vertical>
* ```
*/
export declare class TabsVertical implements AfterContentInit, OnChanges {
cssGridClass: boolean;
get hostHeight(): string;
/**
* Set to `true` to have `Tab` items cached and not reloaded on tab switching.
*/
cacheActive: boolean;
/**
* Set to 'true' to have tabs automatically activated and have their content displayed when they receive focus.
*/
followFocus: boolean;
/**
* When `true`, sets each tab panel `tabindex` to `-1` for navigation-style usage.
*/
isNavigation: boolean;
/**
* Sets the aria label on the `TabHeadersVertical`s nav element.
*/
ariaLabel: string;
/**
* Sets the aria labelledby on the `TabHeadersVertical`s nav element.
*/
ariaLabelledby: string;
/**
* **Optional**: explicit height for the vertical tab list container; accepts any
* valid CSS height value.
*/
height: string;
/**
* When `true`, renders the tabs skeleton loading state.
*/
skeleton: boolean;
/**
* Maintains a `QueryList` of the `Tab` elements and updates if `Tab`s are added or removed.
*/
tabs: QueryList<Tab>;
/**
* Content child of the projected header component.
*/
tabHeaders: any;
ngAfterContentInit(): void;
ngOnChanges(changes: SimpleChanges): void;
hasTabHeaders(): boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<TabsVertical, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TabsVertical, "cds-tabs-vertical, ibm-tabs-vertical", never, { "cacheActive": "cacheActive"; "followFocus": "followFocus"; "isNavigation": "isNavigation"; "ariaLabel": "ariaLabel"; "ariaLabelledby": "ariaLabelledby"; "height": "height"; "skeleton": "skeleton"; }, {}, ["tabHeaders", "tabs"], ["*", "[before]", "[after]"], false>;
}