• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

ChartBreadcrumbProps

Represents the properties of [Chart Breadcrumb](% slug api_charts_chartbreadcrumb %) component.

NameTypeDefaultDescription

ariaLabel?

string

Represents the label of the Breadcrumb component.

breadcrumbDelimiter?

React.ComponentType<BreadcrumbDelimiterProps>

Represents the Breadcrumb delimiter component.

React.ComponentType<BreadcrumbLinkProps>

Represents the Breadcrumb link component.

breadcrumbListItem?

React.ComponentType<BreadcrumbListItemProps>

Represents the Breadcrumb list item component.

breadcrumbOrderedList?

React.ComponentType<BreadcrumbOrderedListProps>

Represents the Breadcrumb ordered list component.

className?

string

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.

drilldownState?

ChartDrilldownState

The current drilldown state of the Chart.

iconClassField?

string

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

iconField?

string

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

id?

string

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

onDrilldownStateChange?

(event: DrilldownStateChangeEvent) => void

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.

onKeyDown?

(event: BreadcrumbLinkKeyDownEvent) => void

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

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" | "large" | "medium"

medium

Specifies the padding of all Breadcrumb elements.

The possible values are:

  • small
  • medium
  • large

style?

React.CSSProperties

Sets additional CSS styles to the Breadcrumb.

tabIndex?

number

Sets the tabIndex attribute to the Breadcrumb.

textField?

string

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

valueField?

string

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