# DetailsPanelTab

Configuration for a details panel tab with toolbar and content.

## Definition

```tsx
export interface DetailsPanelTab {
    /**
     * Unique identifier for the tab.
     */
    id: string;

    /**
     * Label text for the tab (optional if icon provided).
     */
    label?: string;

    /**
     * FontAwesome icon identifier for the tab (optional if label provided).
     */
    icon?: string;

    /**
     * Toolbar items specific to this tab (optional).
     * Can be static or a function that returns toolbar items based on row data.
     */
    toolbarItems?: {
        left: ToolbarItem[];
        right: ToolbarItem[];
    } | ((item: RowData) => {
        left: ToolbarItem[];
        right: ToolbarItem[];
    });

    /**
     * Details content for this tab (mandatory).
     */
    details: ((item: RowData) => ObjectInfoCardProps) | DetailsContent;
}
```

## Usage

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

## Related Types

* [ToolbarItem](https://help.iviva.com/uxp/v5/additional-resources/types/toolbaritem)
* [RowData](https://help.iviva.com/uxp/v5/additional-resources/types/rowdata)
* [ObjectInfoCardProps](https://help.iviva.com/uxp/v5/additional-resources/types/objectinfocardprops)
* [ObjectField](https://help.iviva.com/uxp/v5/additional-resources/types/objectfield)
* [DetailsContent](https://help.iviva.com/uxp/v5/additional-resources/types/detailscontent)
