New to KendoReactStart a free 30-day trial

Represents the properties of Chart Breadcrumb component.

Definition

Package:@progress/kendo-react-charts

Properties

Represents the label of the Breadcrumb component.

ComponentType​<BreadcrumbDelimiterProps>

Represents the Breadcrumb delimiter component.

ComponentType​<BreadcrumbLinkProps>

Represents the Breadcrumb link component.

ComponentType​<BreadcrumbListItemProps>

Represents the Breadcrumb list item component.

ComponentType​<BreadcrumbOrderedListProps>

Represents the Breadcrumb ordered list component.

Sets additional classes to the Breadcrumb.

dir?

"ltr" | "rtl"

The Breadcrumb direction ltr or rtl.

disabled?

boolean

Determines the disabled mode of the Breadcrumb. If true, the component is disabled.

Default:

false

The current drilldown state of the Chart.

Represents the iconClass field. Used for setting the iconClass inside the BreadcrumbLink component.

Default:

iconClass

Represents the icon field. Used for setting the icon inside the BreadcrumbLink component.

Default:

icon

id?

string

Sets the id property of the top div element of the Breadcrumb.

Fires when the user when the user has selected a different drilldown level.

onItemSelect?

(event: BreadcrumbLinkMouseEvent) => void

Represents the onItemSelect event. Triggered after click on the Breadcrumb.

Parameters:eventBreadcrumbLinkMouseEvent

onKeyDown?

(event: BreadcrumbLinkKeyDownEvent) => void

Represents the onKeyDown event. Triggered after keyboard click on the Breadcrumb.

Parameters:eventBreadcrumbLinkKeyDownEvent

rootItem?

DataModel

The definition of the breadcrumb root item.

The default value is { text: 'Home', icon: <SvgIcon icon={homeIcon} /> }. Where homeIcon is imported from @progress/kendo-svg-icons.

size?

"small" | "medium" | "large"

Specifies the Breadcrumb padding for all elements.

The possible values are:

  • small
  • medium
  • large
Default:

undefined (theme-controlled)

style?

CSSProperties

Sets additional CSS styles to the Breadcrumb.

tabIndex?

number

Sets the tabIndex attribute to the Breadcrumb.

Represents the text field. Used for setting the text inside the BreadcrumbLink component.

Default:

text

Represents the value field. Used for setting the key of the BreadcrumbListItem component and the id of the BreadcrumbLink component.

Default:

id