3d:["$","div",null,{"className":"text-muted-foreground flex flex-wrap items-center gap-x-2 text-sm mt-8","children":[["$","span",null,{"children":"Edited Feb 23, 2026"}],["$","span",null,{"className":"text-muted-foreground/50","children":"·"}],["$","a",null,{"href":"https://github.com/vendure-ecommerce/vendure/edit/master/docs/docs/reference/admin-ui-api/custom-detail-components/custom-detail-component-config.mdx","target":"_blank","rel":"noopener noreferrer","className":"hover:text-foreground inline-flex items-center gap-1 transition-colors","children":["Edit this page",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link h-3 w-3","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]]}] 45:T473,--- title: "CustomDetailComponentConfig" generated: true --- Configures a [CustomDetailComponent](/reference/admin-ui-api/custom-detail-components/custom-detail-component#customdetailcomponent) to be placed in the given location. ```ts title="Signature" interface CustomDetailComponentConfig { locationId: CustomDetailComponentLocationId; component: Type; providers?: Provider[]; } ```

### locationId CustomDetailComponentLocationId`} /> ### component CustomDetailComponent>`} /> ### providers