Breadcrumb

2 min read

Breadcrumb

A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.

Usage

import { Breadcrumb } from '@antv/gui';

Options

PropertyDescriptionTypeDefault
xStarting point xnumber-
yStarting point ynumber-
widthContainer widthnumber-
heightContainer heightnumber-
paddingContainer paddingnumber | number[][8, 8, 8, 8]
itemsthe items of breadcrumbBreadCrumnItems-
separatorthe separator of breadcrumbseparator-
textStylecustom text stylesStyleAttr-
onClickThe handler to handle click event(event) => void-

BreadCrumnItems

PropertyDescriptionTypeDefault
namelabelstring-
ididstring-

separator

PropertyDescriptionTypeDefault
textSeparator contentstring | Group/
styleSeparator styleTextProps-
spacingSpace between the two sides of the separatornumber-