Company Management Slots

The Company Management drop-in exposes slots for customizing specific UI sections. Use slots to replace or extend container components. For default properties available to all slots, see Extending drop-in components.

Version: 1.0.0-beta27

Container	Slots
CompanyProfile	CompanyData
CompanyStructure	StructureData

CompanyProfile slots

The slots for the CompanyProfile container allow you to customize its appearance and behavior.

interface CompanyProfileProps {
  slots?: {
    CompanyData?: SlotProps<CompanyDataContext & { Default?: any }>;
  };
}

CompanyData slot

The CompanyData slot allows you to customize the company data section of the CompanyProfile container.

Example

import { render as provider } from '@dropins/storefront-company-management/render.js';
import { CompanyProfile } from '@dropins/storefront-company-management/containers/CompanyProfile.js';

await provider.render(CompanyProfile, {
  slots: {
    CompanyData: (ctx) => {
      // Your custom implementation
      const element = document.createElement('div');
      element.innerText = 'Custom CompanyData';
      ctx.appendChild(element);
    }
  }
})(block);

CompanyStructure slots

The slots for the CompanyStructure container allow you to customize its appearance and behavior.

interface CompanyStructureProps {
  slots?: {
    StructureData?: SlotProps<CompanyStructureDataContext & { Default?: any }>;
  };
}

StructureData slot

The StructureData slot allows you to customize the structure data section of the CompanyStructure container.

Example

import { render as provider } from '@dropins/storefront-company-management/render.js';
import { CompanyStructure } from '@dropins/storefront-company-management/containers/CompanyStructure.js';

await provider.render(CompanyStructure, {
  slots: {
    StructureData: (ctx) => {
      // Your custom implementation
      const element = document.createElement('div');
      element.innerText = 'Custom StructureData';
      ctx.appendChild(element);
    }
  }
})(block);