BreadcrumbEllipsisDemo() — ui Function Reference

Architecture documentation for the BreadcrumbEllipsisDemo() function in breadcrumb-ellipsis.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ BreadcrumbEllipsisDemo() — ui Function Reference

Dependency Diagram

graph TD
  31edef6d_e814_7d4d_44f1_8e666fc15a71["BreadcrumbEllipsisDemo()"]
  c10e62fc_7980_a7fb_88fc_5a8b80b5f6bc["breadcrumb-ellipsis.tsx"]
  31edef6d_e814_7d4d_44f1_8e666fc15a71 -->|defined in| c10e62fc_7980_a7fb_88fc_5a8b80b5f6bc
  style 31edef6d_e814_7d4d_44f1_8e666fc15a71 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/breadcrumb-ellipsis.tsx lines 12–36

export function BreadcrumbEllipsisDemo() {
  return (
    <Breadcrumb>
      <BreadcrumbList>
        <BreadcrumbItem>
          <BreadcrumbLink render={<Link href="/" />}>Home</BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbEllipsis />
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbLink render={<Link href="/docs/components" />}>
            Components
          </BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
        </BreadcrumbItem>
      </BreadcrumbList>
    </Breadcrumb>
  )
}