remix/ui/breadcrumbs · Demo

View Source

Breadcrumbs with Separator

Pass a custom separator string to override the default chevron icon.

import { Breadcrumbs } from 'remix/ui/breadcrumbs'

export default function Example() {
  return () => (
    <Breadcrumbs
      items={[
        { href: '/', label: 'Workspace' },
        { href: '/projects', label: 'Projects' },
        { label: 'Components' },
      ]}
      separator="/"
    />
  )
}