Slider

Preview

Interactive examples use the same @flux/ui build as production. Toggle theme in the header for light and dark. Motion tokens and layout patterns live under Motion and Patterns in the sidebar.

Installation

Add the package to your app (full Next.js + Tailwind steps on Installation):

Import

import { Slider } from "@payglocal_ui/flux-ui";

Example

const [value, setValue] = useState([50]);

<Slider
  min={0}
  max={100}
  step={1}
  value={value}
  onValueChange={setValue}
  className="w-64"
/>