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).

Virtual node

Use the virtual attribute when the item should act only as a structural connector. In this mode the item does not render its own card or expander, but it keeps the child slot so child nodes can continue in the tree without a visible intermediate tile. The nested wje-orgchart is typically combined with the flat attribute.

When to use

Use wje-orgchart-item when the user needs to navigate the application or transition between states/screens.

When not to use

Do not use multiple parallel navigation patterns that compete with each other.

Accessibility

Provide clear active/selected states, predictable tab order, and naming of controls.

Recommended practices

• Keep the URL and UI state in sync to make the navigation reproducible.
• Use consistent terminology for items across menus, breadcrumb and tabs.
• For deep structures, add auxiliary context (breadcrumb, title, icons).

Attributes and properties

boss

Popis	Určuje, či je voľba boss zapnutá a ovplyvňuje správanie komponentu.
Atribút	boss
Typ	boolean
Predvolené	false

virtual

Popis	Určuje, či je voľba virtual zapnutá a ovplyvňuje správanie komponentu.
Atribút	virtual
Typ	boolean
Predvolené	false

Events

Názov	Popis
wje-orgchart-item:click	Vyvolá sa pri kliknutí na komponent.

Methods

Pre tento komponent nie sú dostupné žiadne verejné metódy.

CSS shadow parts

Názov	Popis
``	Štýluje shadow časť časť.
native	Štýluje koreňovú shadow časť komponentu.
expander	Štýluje shadow časť expander.

CSS custom variables

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Slots

Názov	Popis
default	Predvolený slot pre hlavný obsah komponentu.
child	Slot pre vlastný obsah child v komponente.