• 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
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting
Components / Layout / API / BreadcrumbProps / 

BreadcrumbProps

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

NameTypeDefaultDescription

ariaLabel?

string

Represents the label of the Breadcrumb component.

breadcrumbDelimiter?

React.ComponentType<BreadcrumbDelimiterProps>

Represents the Breadcrumb delimiter component.

breadcrumbLink?

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.

data

DataModel[]

Represents the data of the Breadcrumb from type DataModel.

dir?

"ltr" | "rtl"

The Breadcrumb direction ltr or rtl.

disabled?

boolean

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

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.

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.

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.

In this article

Not finding the help you need?

Contact Support