OrgChartProps
Represents the props of the KendoReact OrgChart component.
Definition
Package:@progress/kendo-react-orgchart
Properties
ariaLabel?
string
Sets custom aria-label to the OrgChart. The default value is "Org Chart"
avatarField?
string
Sets the field which provides an avatar representation for the item.
"avatar"
avatarType?
string
Sets the type of the Avatar that renders for the OrgChart item.
"image"
cardHeight?
number
Sets the height of the card of the OrgChart.
cardsColors?
string[]
Sets a string array with the colors for the items. By default the colors come from the current Kendo Theme.
cardWidth?
number
Sets the width of the card of the OrgChart.
childrenField?
string
Sets the name of the field which provides an array representation of the item children.
className?
string
Sets additional classes to the OrgChart.
data?
any[]
Sets the data of the OrgChart.
expandField?
string
Sets the name of the field which provides a Boolean representation for the expanded state of the item.
"expanded"
groupField?
string
Sets the field by which the OrgChart data is grouped.
groupSubtitleHeight?
number
Sets the height of the subtitle of the grouped OrgChart.
groupSubtitleRender?
ComponentType<OrgChartGroupSubtitleProps>
Sets the component that renders each of the grouped OrgChart subtitle.
groupTitleHeight?
number
Sets the height of the title of the grouped OrgChart.
groupTitleRender?
ComponentType<OrgChartGroupTitleProps>
Sets the component that renders each of the grouped OrgChart title.
hasChildrenField?
string
Sets the name of the field which indicates to the OrgChart that an item has children even if the children are not initially passed. Used for implementing the load-on-demand feature.
undefined
height?
string | number
Sets the height of the OrgChart.
id?
string
Sets custom id to the OrgChart.
idField?
string
Sets the name of the field which provides an id for the item.
"id"
itemRender?
ComponentType<OrgChartItemRenderProps>
Sets the component that renders each of the OrgChart items.
navigatable?
boolean
Sets if the OrgChart can be navigated with the keyboard.
true
onExpandChange?
(ev: OrgChartExpandChangeEvent) => void
Fires when a node or group is expanded.
onGroupAction?
(ev: OrgChartActionEvent) => void
Triggers the group action event.
onItemAction?
(ev: OrgChartActionEvent) => void
Triggers the item action event.
onItemContextMenu?
(ev: OrgChartActionEvent) => void
Triggers the item context menu action event.
onItemDoubleClick?
(ev: OrgChartActionEvent) => void
Triggers the item double-click action event.
showAvatar?
boolean
Sets if the Avatar inside the OrgChart's cards is displayed.
true
style?
CSSProperties
Sets additional CSS styles to the OrgChart.
subtitleField?
string
Sets the name of the field which provides a subtitle representation for the item.
"subtitle"
titleField?
string
Sets the name of the field which provides a title representation for the item.
"text"
verticalLine?
number
Sets the height of the vertical line of the OrgChart.