SidebarFloatingExample() — ui Function Reference

Architecture documentation for the SidebarFloatingExample() function in sidebar-floating-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ SidebarFloatingExample() — ui Function Reference

Dependency Diagram

graph TD
  0abd810f_e191_5be5_44ca_ced6877af2e3["SidebarFloatingExample()"]
  6ac08f5e_1058_1edc_6796_175a75358959["sidebar-floating-example.tsx"]
  0abd810f_e191_5be5_44ca_ced6877af2e3 -->|defined in| 6ac08f5e_1058_1edc_6796_175a75358959
  style 0abd810f_e191_5be5_44ca_ced6877af2e3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx lines 42–275

export default function SidebarFloatingExample() {
  const data = {
    navMain: [
      {
        title: "Getting Started",
        url: "#",
        items: [
          {
            title: "Installation",
            url: "#",
          },
          {
            title: "Project Structure",
            url: "#",
          },
        ],
      },
      {
        title: "Build Your Application",
        url: "#",
        items: [
          {
            title: "Routing",
            url: "#",
          },
          {
            title: "Data Fetching",
            url: "#",
            isActive: true,
          },
          {
            title: "Rendering",
            url: "#",
          },
          {
            title: "Caching",
            url: "#",
          },
          {
            title: "Styling",
            url: "#",
          },
          {
            title: "Optimizing",
            url: "#",
          },
          {
            title: "Configuring",
            url: "#",
          },
          {
            title: "Testing",
            url: "#",
          },
          {
            title: "Authentication",
            url: "#",
          },
          {
            title: "Deploying",
            url: "#",
          },
          {
            title: "Upgrading",
            url: "#",
          },
          {
            title: "Examples",
            url: "#",
          },
        ],
      },
      {
        title: "API Reference",
        url: "#",
        items: [
          {
            title: "Components",
            url: "#",
          },
          {