BreadCrumb component

How to use

import { BreadCrumb } from '@getfly-ui/breadcrumb';

OR

import { BreadCrumb } from 'getfly-ui';

Props

| Prop | Type | Default | Description | | ---- | ---- | ------- | ----------- | | items | BreadcrumbItem[] | [] | List of breadcrumb items | | separator | enum | 'chevron_right_outline' | Icon used to separate breadcrumb items | | variant | enum | 'text' | Display style variant | | textColorTheme | enum | 'grayscale-800' | Default text color theme | | separatorColorTheme | enum | 'grayscale-800' | Default separator color theme | | activeColor | enum | 'blue-primary-600' | Active (last item) text color theme | | iconColorTheme | enum | 'grayscale-800' | Default separator color theme | | sizeIcon | number or undefined | '20px' | Size icon | | sizeSeparator | number or undefined | '20px' | Size icon | | textPreset | enum | 'body_s_regular' | Typography preset from @getfly-ui/common | | isSeparator | boolean or undefined | | | | onClick | ((item: BreadcrumbItem, index: number) => void) or undefined | | Click event handler (for non-active items) |