Skip to main content

Interface: BreadcrumbProps

Defined in: components/Breadcrumb/index.tsx:17

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

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/index.tsx:25

Custom children for the compound component pattern.

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

items?​

optional items?: BreadcrumbItemConfig[]

Defined in: components/Breadcrumb/index.tsx:19

List of objects defining the path. Treated as a data-driven approach.

maxLabelWidth?​

optional maxLabelWidth?: string | number

Defined in: components/Breadcrumb/index.tsx:29

Maximum width of each individual label (e.g. '120px' or 150).

padding?​

optional padding?: "none" | "xs" | "s" | "m" | "l"

Defined in: components/Breadcrumb/index.tsx:23

Standard container padding.

separator?​

optional separator?: ReactNode

Defined in: components/Breadcrumb/index.tsx:21

The separator to render between items. Can be a preset string or custom node.

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/index.tsx:27

If true, item labels are truncated when exceeding max width.