OrgChartItem

The OrgChartItem component is used to display a single item in the organizational structure. It can contain different types of nodes and links between them. This component is part of the OrgChart component, which is used to display the entire organizational structure.

For more information on using OrgChartItem, go to the [OrgChart] element documentation page(./orgchart).

When to use

Use wje-orgchart-item when users need to understand location, move between views, or traverse hierarchy.

When not to use

Do not combine multiple competing navigation patterns for the same user flow.

Accessibility

Ensure visible active/selected states, predictable tab order, and clear control naming.

Best Practices

• Keep URL state and UI navigation state synchronized.
• Use consistent labels across menu, breadcrumbs, and tabs.
• Add context for deep structures (breadcrumbs, headings, icon cues).

Attributes and Properties

boss

Description	The boss of the orgchart item (default: false).
Attribute	boss
Type	boolean
Default	-

Events

No events available for this component.

Methods

dispatchEvent

Description	Dispatches a custom event from the component context.
Signature	(e: any) => void

CSS Shadow Parts

Name	Description
``	Styles the element.
native	Styles the native element.
expander	Styles the expander element.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

Name	Description
default	The default slot for the orgchart item.
child	The child slot for the orgchart item.