Ember UI LogoEmber UI
Components

Slider

A slider component

Preview

Loading...
import { cn } from "@/lib/utils";import { Slider } from "@/registry/axon/ui/slider";type SliderProps = React.ComponentProps<typeof Slider>;export default function SliderDemo({ className, ...props }: SliderProps) {  return (    <Slider      className={cn("w-[60%]", className)}      defaultValue={[50]}      max={100}      step={1}      {...props}    />  );}

Installation

CLI

npx shadcn@latest add @emberui/slider
yarn shadcn@latest add @emberui/slider
pnpm dlx shadcn@latest add @emberui/slider
bunx --bun shadcn@latest add @emberui/slider

Reference

This component is based on the shadcn/ui Slider component.

On this page