CompanyStructure Container

Displays and manages the company organizational hierarchy with teams and user assignments.

Version: 1.0.0-beta27

Configuration

The CompanyStructure container provides the following configuration options:

Parameter	Type	Req?	Description
className	string	No	Adds custom CSS classes to the container element. Use to override default styles, integrate with existing design systems, or apply conditional styling based on application state.
withHeader	boolean	No	Controls whether to render the container header section. Set to false when embedding the container within a layout that already provides its own header to avoid duplicate navigation elements.
isAuthenticated	boolean	No	Indicates authentication status. Use to conditionally render content or trigger login.
onRedirectLogin	function	No	Callback to redirect to login. Use for custom login routing.
onRedirectAccount	function	No	Callback to redirect to account. Use for custom navigation.

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
StructureData	SlotProps	No	Customize company structure hierarchy display.

Usage

The following example demonstrates how to use the CompanyStructure container:

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, {
  className: "Example Name",
  withHeader: true,
  isAuthenticated: true,
  slots: {
    // Add custom slot implementations here
  }
})(block);