Meter

نصب

pnpm dlx @simurgh-ui/cli add meter

import { Meter } from '@simurgh-ui/react/meter';
import { Meter as VueMeter } from '@simurgh-ui/vue/meter';
import { MeterComponent } from '@simurgh-ui/angular/meter';
import '@simurgh-ui/styles/meter.css';

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

Live component Meter ◆

Storage used: 72%72%

استفاده

<Meter
  label="فضای استفاده‌شده"
  value={72}
  max={100}
  low={40}
  high={80}
  optimum={20}
/>

معنا و دسترس‌پذیری

Meter مقدار فعلی را در یک بازهٔ معلوم نشان می‌دهد؛ برای پیشرفت task از Progress استفاده کنید. min، max، low، high و optimum باید ترتیب منطقی داشته باشند و label نوع اندازه‌گیری را روشن کند.

مقدار عددی یا متن معادل را کنار نمودار نگه دارید و وضعیت خوب/بد را فقط با رنگ نشان ندهید. Meter بومی semantics و announcement مناسب را در browser حفظ می‌کند.

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