Requisition List Slots

The Requisition List 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-beta4

Container	Slots
RequisitionListGrid	Header

RequisitionListGrid slots

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

interface RequisitionListGridProps {
  slots?: {
    Header?: SlotProps;
  };
}

Header slot

The Header slot allows you to customize the header section of the RequisitionListGrid container.

Example

import { render as provider } from '@dropins/storefront-requisition-list/render.js';
import { RequisitionListGrid } from '@dropins/storefront-requisition-list/containers/RequisitionListGrid.js';

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