# TabComponentProps

## Definition

```tsx
export 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,
    /**
     * additional classname
     */
    className?: string
}
```

## Usage

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

## Related Types

* [Tab](https://help.iviva.com/uxp/v5/additional-resources/types/tab)
* [TabComponentStyles](https://help.iviva.com/uxp/v5/additional-resources/types/tabcomponentstyles)