zen
DocumentationPlayground
Getting started
IntroductionInstallationUsage Guide
ColorsFontsSpacingBordersShadowsBreakpointsThemesCustomization
BoxFlexboxGridContainer
TextHeadingCodeBlockquote
Page headerAspect ratioResizableScroll areaSeparator
Overview
AutocompleteCheckboxCheckbox groupComboboxDate pickerInput groupNumber fieldOTP FieldPassword fieldRadio groupSearch fieldSelectSliderSwitchText fieldToggleToggle group
BreadcrumbsButtonButton groupCommandContext menuHover triggerLoading buttonMenuMenubarNavbarPaginationTabsToolbarTheme buttonTheme switcher
AlertAlert dialogConfirmation dialogDialogDrawerEmptyLoadingMeterModalPopoverPreview cardProgress barProgress circleSheetSkeletonStatus lightToastTooltip
AccordionAvatarBadgeCalendarCarouselCollapsibleData cardData tableIconImageKbdListTableTag group
Actions & Navigation

Breadcrumbs

Breadcrumbs display a hierarchy of links to the current page or resource in an application.

  1. Home
  2. One
  3. Two
  4. Three

Component props#

Breadcrumbs#

NameTypeDescription
isDisabledbooleanDisables all breadcrumbs
onAction(key: string) => voidCalled when a breadcrumb is clicked

Breadcrumb#

NameTypeDescription
idstringUnique breadcrumb identifier
hrefstringLink URL
isDisabledbooleanDisables the breadcrumb
PreviousToggle groupNextButton
On this page
Component propsBreadcrumbsBreadcrumb
Powered by shiso