Interface for a class Tab
The event will be fired after adding the item to the Tab.
The event will be fired before adding the item to the Tab.
EmitType<Event>
The event will be fired once the component rendering is completed.
EmitType<Event>
The event will be fired when the component gets destroyed.
The event will be fired after removing the item from the Tab.
The event will be fired before removing the item from the Tab.
The event will be fired after the item gets selected.
The event will be fired before the item gets selected.
Specifies the animation configuration settings while showing the content of the Tab.
string
Sets the CSS classes to root element of the Tab that helps to customize component styles.
boolean
Defines whether to allow the cross-scripting site or not.
boolean
Enable or disable persisting component’s state between page reloads. If enabled, following list of states will be persisted.
boolean
Enable or disable rendering component in right to left direction.
string
Specifies the orientation of Tab header. The possible values are:
string
| number
Specifies the height of the Tab component. By default, Tab height is set based on the height of its parent. To use height property, heightAdjustMode must be set to ‘None’.
string
Specifies the height style for Tab content. The possible values are:
An array of object that is used to configure the Tab component.
let tabObj: Tab = new Tab( {
items: [
{ header: { text: 'TabItem1' }, content: 'Tab Item1 Content' },
{ header: { text: 'TabItem2' }, content: 'Tab Item2 Content' }
]
});
tabObj.appendTo('#tab');
string
Specifies the modes for Tab content.
The possible modes are:
Dynamic
Load Tab content dynamically at the time of switching it’s header.
Init
Load all tab contents at initial load.
Demand
Load Tab content when required but keep content once it is rendered.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
string
Specifies the Tab display mode when Tab content exceeds the viewing area. The possible modes are:
number
Specifies the scrolling distance in scroller.
number
Specifies the index for activating the current Tab item.
let tabObj: Tab = new Tab( {
selectedItem: 1,
items: [
{ header: { text: 'TabItem1' }, content: 'Tab Item1 Content' },
{ header: { text: 'TabItem2' }, content: 'Tab Item2 Content' }
]
});
tabObj.appendTo('#tab');
boolean
Specifies whether to show the close button for header items to remove the item from the Tab.
string
| number
Specifies the width of the Tab component. Default, Tab width sets based on the width of its parent.