ui Architecture Docs
Home / File/ slider-demo.tsx — ui Source File

slider-demo.tsx — ui Source File

Architecture documentation for slider-demo.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  cd0093bd_8f7d_7ec8_2f81_76945145117a["slider-demo.tsx"]
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  cd0093bd_8f7d_7ec8_2f81_76945145117a --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  a726b95d_789e_b9ec_d440_20ff0f30482e["slider"]
  cd0093bd_8f7d_7ec8_2f81_76945145117a --> a726b95d_789e_b9ec_d440_20ff0f30482e
  style cd0093bd_8f7d_7ec8_2f81_76945145117a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { cn } from "@/lib/utils"
import { Slider } from "@/registry/new-york-v4/ui/slider"

type SliderProps = React.ComponentProps<typeof Slider>

export default function SliderDemo({ className, ...props }: SliderProps) {
  return (
    <Slider
      defaultValue={[50]}
      max={100}
      step={1}
      className={cn("w-[60%]", className)}
      {...props}
    />
  )
}

Domain

Subdomains

Functions

Types

Dependencies

  • slider
  • utils

Source

Frequently Asked Questions

What does slider-demo.tsx do?
slider-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in slider-demo.tsx?
slider-demo.tsx defines 1 function(s): SliderDemo.
What does slider-demo.tsx depend on?
slider-demo.tsx imports 2 module(s): slider, utils.
Where is slider-demo.tsx in the architecture?
slider-demo.tsx is located at apps/v4/registry/new-york-v4/examples/slider-demo.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/new-york-v4/examples).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free