Slider

نصب

pnpm dlx @simurgh-ui/cli add slider

import { Slider } from '@simurgh-ui/react/slider';
import { Slider as VueSlider } from '@simurgh-ui/vue/slider';
import { SliderComponent } from '@simurgh-ui/angular/slider';
import '@simurgh-ui/styles/slider.css';

پیش‌نمایش واقعی

Live component Slider ◆

Volume

استفاده

React

<Slider aria-label="بلندی صدا" name="volume" defaultValue={40} min={0} max={100} step={10} />

Vue

<Slider v-model="volume" aria-label="بلندی صدا" name="volume" :step="10" />

Angular

<simurgh-slider [(value)]="volume" label="بلندی صدا" name="volume" [step]="10" />

همیشه با label دیداری یا aria-label نام دسترس‌پذیر فراهم کنید. ورودی بازهٔ بومی به‌طور خودکار کلیدهای جهت، Home، End، اشاره‌گر و لمس را پشتیبانی می‌کند. در حالت کنترل‌شده، برنامه باید هر تغییر را در مقدار منبع بازتاب دهد؛ مقدار پیش‌فرض فقط هنگام mount خوانده می‌شود.

Last verified on 2026-08-13 against Simurgh registry 0.1.1.