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
  f76e9ab4_ea78_d0ee_72c3_8181f5b9bdc3["slider-demo.tsx"]
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  f76e9ab4_ea78_d0ee_72c3_8181f5b9bdc3 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  099e9df1_e8b0_0122_cd24_304c0eb90eac["slider"]
  f76e9ab4_ea78_d0ee_72c3_8181f5b9bdc3 --> 099e9df1_e8b0_0122_cd24_304c0eb90eac
  style f76e9ab4_ea78_d0ee_72c3_8181f5b9bdc3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { cn } from "@/lib/utils"
import { Slider } from "@/registry/new-york/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 deprecated/www/registry/new-york/examples/slider-demo.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/examples).

Analyze Your Own Codebase

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

Try Supermodel Free