BreadcrumbEllipsis() — ui Function Reference

Architecture documentation for the BreadcrumbEllipsis() function in breadcrumb.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ BreadcrumbEllipsis() — ui Function Reference

Dependency Diagram

graph TD
  ac2ce5f0_f472_4ce0_10d1_e5cd4b02901a["BreadcrumbEllipsis()"]
  369ab10f_2a58_4f5b_5052_9817434cf362["breadcrumb.tsx"]
  ac2ce5f0_f472_4ce0_10d1_e5cd4b02901a -->|defined in| 369ab10f_2a58_4f5b_5052_9817434cf362
  style ac2ce5f0_f472_4ce0_10d1_e5cd4b02901a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/breadcrumb.tsx lines 102–127

function BreadcrumbEllipsis({
  className,
  ...props
}: React.ComponentProps<"span">) {
  return (
    <span
      data-slot="breadcrumb-ellipsis"
      role="presentation"
      aria-hidden="true"
      className={cn(
        "cn-breadcrumb-ellipsis flex items-center justify-center",
        className
      )}
      {...props}
    >
      <IconPlaceholder
        lucide="MoreHorizontalIcon"
        tabler="IconDots"
        hugeicons="MoreHorizontalCircle01Icon"
        phosphor="DotsThreeIcon"
        remixicon="RiMoreLine"
      />
      <span className="sr-only">More</span>
    </span>
  )
}