React Native Mantine › Navigation
Breadcrumbs
Navigation breadcrumb trail
Import: import { Breadcrumbs } from 'react-native-mantine';
Usage
import { Breadcrumbs, Anchor, Text } from 'react-native-mantine';
<Breadcrumbs separator="/">
<Anchor onPress={() => navigate('Home')}>Home</Anchor>
<Anchor onPress={() => navigate('Products')}>Products</Anchor>
<Text>Current page</Text>
</Breadcrumbs>Props
| Prop | Type | Default | Description |
|---|---|---|---|
separator | React.ReactNode | '/' | Breadcrumb separator |
children | React.ReactNode | Breadcrumb items | |
accessibilityLabel | string | Accessibility label for the breadcrumbs navigation | |
style | any | Additional styles | |
testID | string | Test identifier used by testing frameworks |