Skip to main content

Variable: BreadcrumbSeparator

@arolariu/components


@arolariu/components / BreadcrumbSeparator

Variable: BreadcrumbSeparator

const BreadcrumbSeparator: ForwardRefExoticComponent<Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & RefAttributes<HTMLLIElement>>

Defined in: components/ui/breadcrumb.tsx:226

Displays visual separation between breadcrumb items.

Remarks

  • Pure CSS component (no Base UI primitive)
  • Renders an <li> element
  • Defaults to a ChevronRight separator icon when children is not provided
  • Styling via CSS Modules with --ac-* custom properties

Examples

<BreadcrumbSeparator />
<BreadcrumbSeparator>/</BreadcrumbSeparator>

See

BreadcrumbSeparatorProps for available props

// was this page useful?