وایب‌فارسیUI

اسلایدر

sliderکامپوننت

اسلایدر بازه با یک دستگیره و برچسب مقدار که مسیرش از راست پر میشه.

۶٬۵۰۰٬۰۰۰ تومان

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add slider

  2. نصب دستی

    محتوای تب «کد» را در components/ui/slider.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { Slider } from "@/components/ui/slider"2import { formatToman } from "@/lib/utils"34<Slider label="حداکثر قیمت" min={100_000} max={10_000_000} step={100_000} defaultValue={6_500_000} format={formatToman} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
format(v: number) => stringارقام فارسیقالب برچسب، مثلاً formatToman.
min / max / stepnumber-محدوده.
قبلیکلیدبعدیامتیاز