Scroll Area

نصب

pnpm dlx @simurgh-ui/cli add scroll-area

import { ScrollArea } from '@simurgh-ui/react/scroll-area';
import { ScrollArea as VueScrollArea } from '@simurgh-ui/vue/scroll-area';
import { ScrollAreaComponent } from '@simurgh-ui/angular/scroll-area';
import '@simurgh-ui/styles/scroll-area.css';

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

Live component Scroll Area ◆

Ferdowsi

Hafez

Saadi

Rumi

Khayyam

Attar

Nizami

Parvin Etesami

استفاده

<ScrollArea label="فعالیت‌ها" orientation="vertical">
  {events}
</ScrollArea>

scroll بومی wheel، touch و صفحه‌کلید را حفظ می‌کند. فقط وقتی ناحیه مستقل و مهم است label و landmark اضافه کنید. focus نباید داخل ناحیه گیر کند و scrollbar سفارشی باید در forced colors و touch قابل‌استفاده بماند.

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