Separate list of react nodes with given separator


Breadcrumbs accept any react nodes as children and places given separator (defaults to /) between them:

import React from 'react';
import { Breadcrumbs, Text } from '@mantine/core';
function Demo() {
const items = [
{ title: 'Mantine', href: '' },
{ title: 'Mantine hooks', href: '' },
{ title: 'use-id', href: '' },
].map((item, index) => (
<Anchor href={item.href} key={index}>
return (
<Breadcrumbs separator="">{items}</Breadcrumbs>
Build fully functional accessible web applications with ease
Your feedback is most valuable contribution to the project, please share how you use Mantine, what features are missing and what is done good
Leave feedback