Happeo UIkit logo
Components
Home
Packages
AlertsAvatarBannersBreadcrumbsBasic UsageCustom separatorCustomizationCustom root componentBreadcrumbs APIButtonsButtonsDS3CardColor PickerColorsContent RendererEmojisFile IconFile PickerForm ElementsIcons AppIcons FileIcons FlagIcons LegacyIcons SymbolImage CarouselImage CropperImage GridLayoutListLoadersMenusModalsNavigationThemeToastTypography

Breadcrumbs

Breadcrumbs allow users to make selections from a range of values.

Basic Usage

Pass the children to the Breadcrumbs component.

Custom separator

Pass the separator prop to the component.

Customization

Use different child components to customize the view.

Custom root component

Pass the Component prop to the component.

children
node
[]
Component
elementType
styled.ul` display: flex; flex-wrap: wrap; align-items: center; `
separator
node
"/"