@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
36 lines (33 loc) • 1.29 kB
TypeScript
import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import { SynTabPanel } from '@synergy-design-system/components';
/**
* @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
* @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-panel--docs
* @status stable
* @since 2.0
*
* @slot - The tab panel's content.
*
* @csspart base - The component's base wrapper.
*
* @cssproperty --padding - The tab panel's padding.
*/
declare class SynTabPanelComponent {
nativeElement: SynTabPanel;
private _ngZone;
constructor(e: ElementRef, ngZone: NgZone);
/**
* The tab panel's name.
*/
set name(v: SynTabPanel['name']);
get name(): SynTabPanel['name'];
/**
* When true, the tab panel will be shown.
*/
set active(v: '' | SynTabPanel['active']);
get active(): SynTabPanel['active'];
static ɵfac: i0.ɵɵFactoryDeclaration<SynTabPanelComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SynTabPanelComponent, "syn-tab-panel", never, { "name": { "alias": "name"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], true, never>;
}
export { SynTabPanelComponent };