# EuiTabsComponent

**Type:** component



eUI Tabs component helps to organize content into separate views where only one view can be visible at a time.
Each tab's label is shown in the tab header and the active tab is designated with a primary ink bar visual.
The active tab may be set using the `activeTabIndex` input option or when the user selects one of the tab labels in the header.
When the list of tab labels exceeds the width of the header or its container, pagination controls appear to let the user scroll left and right across the tabs.


**Selector:** `eui-tabs`

## Inputs
- **activeTabIndex**: `any` - Index of the active tab
- **e2eAttr**: `string` - Sets the `data-e2e` attribute for the host element.
- **isHandleChangeTab**: `boolean` - 
- **isMainNavigation**: `boolean` - 
- **isSubTabs**: `boolean` - 
- **isVerticalTabs**: `boolean` - 
- **pathMatch**: `"prefix" | "full"` - The way the router will consider the url when used on tabs. 'prefix' | 'full'.
- **tabs**: `EuiTabComponent[]` - Tabs in data approach

## Outputs
- **tabClose**: `EventEmitter` - Event emitted when a tab is closed.
- **tabSelect**: `EventEmitter` - Event emitted when a tab is selected.
