Skip to main content

Introducing Workflow Engine, try for FREE workflowengine.io.

Interface: RsBreadcrumbProps

Props for the RsBreadcrumb component.

Extends

  • BreadcrumbProps

Properties

as?

optional as: ElementType<any, keyof IntrinsicElements>

You can use a custom element for this component

Inherited from

BreadcrumbProps.as


children?

optional children: ReactNode

Primary content

Inherited from

BreadcrumbProps.children


className?

optional className: string

Additional classes

Inherited from

BreadcrumbProps.className


classPrefix?

optional classPrefix: string

The prefix of the component CSS class

Inherited from

BreadcrumbProps.classPrefix


ellipsis?

optional ellipsis: ReactNode

The ellipsis element.

Inherited from

BreadcrumbProps.ellipsis


items

items: RsBreadcrumbItemProps[]

Array of breadcrumb items to display.


locale?

optional locale: PickKeys<{ expandText: string; }>

The locale of the component.

Inherited from

BreadcrumbProps.locale


maxItems?

optional maxItems: number

Set the maximum number of breadcrumbs to display. When there are more than the maximum number, only the first and last will be shown, with an ellipsis in between.

Inherited from

BreadcrumbProps.maxItems


onExpand()?

optional onExpand: (event) => void

Callback function for clicking the ellipsis.

Parameters

event

MouseEvent

Returns

void

Inherited from

BreadcrumbProps.onExpand


onItemClick()

onItemClick: (item) => void

Callback function when a breadcrumb item is clicked.

Parameters

item

RsBreadcrumbItemProps

Returns

void


separator?

optional separator: ReactNode

The separator between each breadcrumb item.

Inherited from

BreadcrumbProps.separator


style?

optional style: CSSProperties

Additional style

Inherited from

BreadcrumbProps.style