SliderVertical() — ui Function Reference

Architecture documentation for the SliderVertical() function in slider-vertical.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ SliderVertical() — ui Function Reference

Dependency Diagram

graph TD
  d02697da_655b_30fd_a3c7_9b6e21e3506b["SliderVertical()"]
  32c33ca0_de94_85d9_badd_d4ca86edba07["slider-vertical.tsx"]
  d02697da_655b_30fd_a3c7_9b6e21e3506b -->|defined in| 32c33ca0_de94_85d9_badd_d4ca86edba07
  style d02697da_655b_30fd_a3c7_9b6e21e3506b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/slider-vertical.tsx lines 3–22

export function SliderVertical() {
  return (
    <div className="mx-auto flex w-full max-w-xs items-center justify-center gap-6">
      <Slider
        defaultValue={[50]}
        max={100}
        step={1}
        orientation="vertical"
        className="h-40"
      />
      <Slider
        defaultValue={[25]}
        max={100}
        step={1}
        orientation="vertical"
        className="h-40"
      />
    </div>
  )
}