KBreadcrumb

Displays the location of the current page, making it easier to browser back.

Install

pnpm

pnpm add @ikun-ui/breadcrumb @ikun-ui/breadcrumb-item

yarn

yarn add @ikun-ui/breadcrumb @ikun-ui/breadcrumb-item

npm

npm install @ikun-ui/breadcrumb @ikun-ui/breadcrumb-item

Basic usage

In KBreadcrumb, each KBreadcrumbItem is a tag that stands for every level starting from homepage. This component has a String attribute separator, and it determines the separator. Its default value is '/'.

IKun UI > Breadcrumb >

Icon separator

Set separatorIcon to use KIcon as the separator, it will cover separator.

IKun UI Breadcrumb

Breadcrumb Props

Name	Type	Default	Description
separator	string	/	separator character
separatorIcon	string	''	The class name of the icon, following the unocss standard.
cls	string	''	Additional class for component
attrs	Record<string, string>	{}	Additional attributes

Breadcrumb Slots

Name	Description
default	Customize default content

BreadcrumbItem Props

Name	Type	Default	Description
href	string	''	The URL that the hyperlink points to, same as href
cls	string	''	Additional class for component
attrs	Record<string, string>	{}	Additional attributes

BreadcrumbItem Slots

Name	Description
default	Customize default content