Skip to main content
cngx-src documentation

CngxBreadcrumbSkin

Type Aliasui/breadcrumb

projects/ui/breadcrumb/config/breadcrumb.config.ts

Referenced by#

Description#

Selectable visual skin for CngxBreadcrumbBar. Every skin keeps the same nav / list / crumb / separator structure with identical ARIA and collapse behaviour, and the [data-skin] host attribute redirects which @scope paint block applies. Pure paint skins (plain, contained, pill, ribbon, editorial, header, metro, toolbar, chips) render identical DOM. The content skins (iconlabel, path, and the content- structural icononly / shell / record) additionally consume the projected *cngxBreadcrumbIcon slot - and record the trailing accessory slot - for per-crumb icon/content markup the consumer supplies; the bar still carries no skin-conditional template branch, so the slot is inert until projected (Pillar 3). 'classic' is the bare default (plain link + slash separator). Mirrors CngxTabsSkin.

Definition#

"classic" | "plain" | "contained" | "pill" | "ribbon" | "editorial" | "header" | "metro" | "toolbar" | "chips" | "path" | "iconlabel" | "icononly" | "shell" | "record"