KendoReact OrgChart AppearancePremium
The KendoReact OrgChart allows you to customize its visual appearance using various properties that control the dimensions and spacing of the organizational chart elements.
Card Width
The cardWidth property sets the width of the individual cards in the organizational chart. The default value is 250px.
Card Height
The cardHeight property sets the height of the individual cards in the organizational chart. The default value is 100px.
Vertical Line
The verticalLine property sets the height of the vertical lines that connect the cards to each other in the hierarchy. The default value is 60px.
Group Title Height
The groupTitleHeight property sets the height of the group title when using the groupField property to organize cards into groups. The default value is 40px.
Group Subtitle Height
The groupSubtitleHeight property sets the height of the group subtitle when using the groupField property. The default value is 20px.
Colors
You can customize the card colors using the cardsColors property. It accepts the colors as an array of strings where the color at each index corresponds to the same hierarchical position of the cards.