Skip to main content

Interface: BreadcrumbItemProps

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:10

Description​

Props for the BreadcrumbItem component.

Extends​

  • ComponentProps

Properties​

accent?​

optional accent?: string

Defined in: utils/colors/index.ts:11

Inherited from​

ComponentProps.accent

accentDark?​

optional accentDark?: string

Defined in: utils/colors/index.ts:13

Inherited from​

ComponentProps.accentDark

accentLight?​

optional accentLight?: string

Defined in: utils/colors/index.ts:12

Inherited from​

ComponentProps.accentLight

active?​

optional active?: boolean

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:16

If true, indicates this is the active/current page.

borderRadius?​

optional borderRadius?: BorderRadius

Defined in: components/Component/index.ts:16

The border radius of the component.

Inherited from​

ComponentProps.borderRadius

children?​

optional children?: ReactNode

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:20

The contents of the item (e.g. label text or custom elements).

className?​

optional className?: string

Defined in: components/Component/index.ts:12

Additional CSS class for the component.

Inherited from​

ComponentProps.className

data-id?​

optional data-id?: string | number

Defined in: components/Component/index.ts:20

A data-id attribute for testing or identification.

Inherited from​

ComponentProps.data-id

elevation?​

optional elevation?: Elevation

Defined in: components/Component/index.ts:14

The elevation level for box-shadow effects.

Inherited from​

ComponentProps.elevation

href?​

optional href?: string

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:12

The destination URL for the link.

maxLabelWidth?​

optional maxLabelWidth?: string | number

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:24

The maximum width of the label element.

onClick?​

optional onClick?: (e) => void

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:14

Click event handler.

Parameters​

e​

MouseEvent<HTMLAnchorElement | HTMLSpanElement>

Returns​

void

separator?​

optional separator?: ReactNode

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:18

The separator to render after this item. Internal use mainly.

style?​

optional style?: CSSProperties

Defined in: components/Component/index.ts:18

Custom inline CSS styles.

Inherited from​

ComponentProps.style

truncate?​

optional truncate?: boolean

Defined in: components/Breadcrumb/BreadcrumbItem.tsx:22

If true, the label text will be truncated.