page-tab-config.md 2.0 KB
title: "PageTabConfig" weight: 10 date: 2023-06-07T09:42:25.561Z showtoc: true
generated: true
PageTabConfig
# PageTabConfig
{{< generation-info sourceFile="packages/admin-ui/src/lib/core/src/providers/page/page.service.ts" sourceLine="14" packageName="@vendure/admin-ui">}}
The object used to configure a new page tab.
## Signature
```TypeScript
interface PageTabConfig {
location: PageLocationId;
tabIcon?: string;
route: string;
tab: string;
priority?: number;
component: Type | ReturnType;
}
```
## Members
### location
{{< member-info kind="property" type="PageLocationId" >}}
{{< member-description >}}A valid location representing a list or detail page.{{< /member-description >}}
### tabIcon
{{< member-info kind="property" type="string" >}}
{{< member-description >}}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.{{< /member-description >}}
### route
{{< member-info kind="property" type="string" >}}
{{< member-description >}}The route path to the tab. This will be appended to the
route of the parent page.{{< /member-description >}}
### tab
{{< member-info kind="property" type="string" >}}
{{< member-description >}}The name of the tab to display in the UI.{{< /member-description >}}
### priority
{{< member-info kind="property" type="number" >}}
{{< member-description >}}The priority of the tab. Tabs with a lower priority will be displayed first.{{< /member-description >}}
### component
{{< member-info kind="property" type="Type<any> | ReturnType<typeof detailComponentWithResolver>" >}}
{{< member-description >}}The component to render at the route of the tab.{{< /member-description >}}