SidebarFloatingExample() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SidebarFloatingExample() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx lines 45–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: "#",
          },
          {