{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "slider",
"title": "Slider Parts",
"description": "Shared styled parts for slider tracks, progress layers, and thumbs.",
"dependencies": [
"react"
],
"registryDependencies": [
"@videojs/_resolve-class-name",
"@videojs/_style-theme"
],
"files": [
{
"path": "ui/files/slider/slider.tsx",
"content": "import '../styles/theme.css';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/components/videojs/lib/resolve-class-name';\n\n/** Shared slider track. */\nexport type SliderTrackProps = ComponentProps<'div'>;\n\nexport function SliderTrack({ className, ...props }: SliderTrackProps) {\n return (\n \n );\n}\n\n/** Shared slider fill. */\nexport type SliderFillProps = ComponentProps<'div'>;\n\nexport function SliderFill({ className, ...props }: SliderFillProps) {\n return (\n \n );\n}\n\n/** Shared slider buffer. */\nexport type SliderBufferProps = ComponentProps<'div'>;\n\nexport function SliderBuffer({ className, ...props }: SliderBufferProps) {\n return (\n \n );\n}\n\n/** Shared slider thumb. */\nexport type SliderThumbProps = ComponentProps<'div'>;\n\nexport function SliderThumb({ className, ...props }: SliderThumbProps) {\n return (\n \n );\n}\n",
"type": "registry:component",
"target": "@components/videojs/ui/slider.tsx"
}
],
"meta": {
"framework": "react",
"style": "tailwind",
"role": "component",
"styling": "tailwind",
"public": true
},
"docs": "Installs `@/components/videojs/ui/slider.tsx` for use inside a compatible Video.js Player or Skin.\n\n```tsx\nimport { SliderTrack } from '@/components/videojs/ui/slider';\n\nexport function Controls() {\n return ;\n}\n```",
"categories": [
"media",
"sliders"
],
"type": "registry:ui"
}