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
Property | Description | Type | Default |
---|
x | Starting point x | number | - |
y | Starting point y | number | - |
width | Container width | number
| - |
height | Container height | number
| - |
padding | Container padding | number | number[]
| [8, 8, 8, 8] |
items | the items of breadcrumb | BreadCrumnItems
| - |
separator | the separator of breadcrumb | separator
| - |
textStyle | custom text styles | StyleAttr
| - |
onClick | The handler to handle click event | (event) => void
| - |
BreadCrumnItems
Property | Description | Type | Default |
---|
name | label | string | - |
id | id | string | - |
separator
Property | Description | Type | Default |
---|
text | Separator content | string | Group | / |
style | Separator style | TextProps | - |
spacing | Space between the two sides of the separator | number | - |