> For the complete documentation index, see [llms.txt](https://help.iviva.com/uxp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.iviva.com/uxp/types/tabcomponentprops.md).

# TabComponentProps

```tsx
interface TabComponentProps {
    /**
     * tabs 
     */
    tabs: Tab[]
    /**
     * selected tab id
     */
    selected: string,
    /**
     * on change tab 
     */
    onChangeTab: (tab: string) => void,

    /**
     * direction of tabs 
     */
    direction?: 'vertical' | 'horizontal',

    /**
     * position of tabs 
     */
    position?: 'top' | 'bottom' | 'left' | 'right'

    /**
     * tab component styles 
     */
    styles?: TabComponentStyles
}
```

## Usage

```tsx
import {TabComponentProps} from 'uxp/components';
```