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
  ba87035e_dece_f6b8_7707_df275911bdef["SliderVertical()"]
  36ebacba_ee05_fccf_b070_28cb917a6794["slider-vertical.tsx"]
  ba87035e_dece_f6b8_7707_df275911bdef -->|defined in| 36ebacba_ee05_fccf_b070_28cb917a6794
  style ba87035e_dece_f6b8_7707_df275911bdef fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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>
  )
}