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.

Skeleton

A skeleton component

Sonner

A sonner component

On this page

Preview Installation CLI Reference

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}
    />
  );
}