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

Relationship Graph

Source Code

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

Analyze Your Own Codebase

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

Try Supermodel Free