***
title: "PageTabConfig"
generated: true
---------------
The object used to configure a new page tab.
```ts title="Signature"
interface PageTabConfig {
location: PageLocationId;
tabIcon?: string;
route: string;
tab: string;
priority?: number;
component: Type | ReturnType;
routeConfig?: Route;
}
```
### location
\
PageLocationId`} />
A valid location representing a list or detail page.
### tabIcon
\
An optional icon to display in the tab. The icon
should be a valid shape name from the [Clarity Icons](https://core.clarity.design/foundation/icons/shapes/)
set.
### route
\
The route path to the tab. This will be appended to the
route of the parent page.
### tab
\
The name of the tab to display in the UI.
### priority
\
The priority of the tab. Tabs with a lower priority will be displayed first.
### component
\ | ReturnTypedetailComponentWithResolver>`} />
The component to render at the route of the tab.
### routeConfig
\
You can optionally provide any native Angular route configuration options here.
Any values provided here will take precedence over the values generated
by the `route` and `component` properties.