Markaz Nerkh design system

<UButton label="شروع کنید" />
<UButton label="شروع دوره‌ی آزمایشی" color="secondary" />
<UButton label="مشاهده‌ی بیشتر" color="neutral" variant="outline" />
<UButton label="از Claude بپرسید" icon="i-simple-icons-claude" color="neutral" variant="subtle" />

<MarketPriceChange :value="0.18" />
<MarketPriceChange :value="-0.03" size="sm" />
<MarketPriceChange :value="1.41" variant="text" />

<!-- const { rates } = useMarket()  (قیمت‌ها با واحد انتخاب‌شده در تنظیمات) -->
<MarketRatesTable v-model:tab="tab" :rates="rates" :tabs="marketTabs" more-to="/rates" />

<!-- کارت کامل؛ const { candles } = useMarket() (واحد پول، نرخ خرید/فروش و رویدادها را هم دارد) -->
<MarketCandleCard v-bind="candles" />

<!-- خود نمودار؛ ارتفاع را با کلاس بدهید -->
<ChartTrading
  :candles="candles"
  name="دلار آمریکا"
  symbol="USD"
  unit="تومان"
  :visual="{ icon: 'i-circle-flags-us' }"
  market="بازار آزاد"
  :quote="{ buy: 102250, sell: 102450 }"
  :events="[{ time: fromJalali(1405, 1, 1), badge: 'ن', title: 'نوروز ۱۴۰۵' }]"
  label="نمودار معاملاتی دلار آمریکا"
  class="h-[38rem]"
/>

<ChartLine :data="series" color="gradient" :grid="false" :y-axis="false" label="…" class="h-24" />
<ChartLine :data="series" color="success" area :labels="labels" label="…" class="h-48" />
<ChartBar :data="[1850, -420, 690, 2240]" :labels="labels" label="…" class="h-48" />

US dollar · Free market

102,350 Toman

+1,250Increase 1.24%۲۴ ساعت

Price trend for US dollar · Free market; from 101,449 to 102,350، کمینه 100,547 and بیشینه 103,409

Daily changes

Daily changes chart

29 Esfand	+1,850
1 Farvardin	-420
2 Farvardin	+690
3 Farvardin	+2,240

Cumulative trend ۱ ماه

Cumulative trend chart; from -914 to 4.4K، کمینه -1.2K and بیشینه 5.2K

CurrenciesView 18GoldView

Advanced profit and loss analysis

Purchase value

77,791,100

Unrealised profit

5,927,010 Increase 26.18%

Daily loss

412,300 Decrease 1.35%

Markaz NerkhNow

Today's API usage reached 80% of the daily limit: 80,000 of 100,000 requests.

<MarketSourceCard title="ارز" :visual="{ icon: 'i-circle-flags-us' }" to="#markets" />
<MarketStatsCard v-bind="analytics" />
<MarketInsightCard title="…" :rows="rows" />
<MarketAlertCard message="…" />

<PanelCard title="مصرف API" icon="i-lucide-activity" to="/panel/usage">
  <template #meta>
    <UBadge label="۶۴٪" color="neutral" variant="soft" size="sm" class="rounded-full" />
  </template>
  <PanelMeter :value="64" size="md" label="مصرف سهمیه‌ی درخواست" />
  <PanelBars :values="daily" :labels="days" unit="درخواست" label="…" class="mt-5 h-20" />
</PanelCard>

<!-- ویژگی و سرتیتر بخش: ۴۰ تا ۵۶ پیکسل -->
<UIcon name="i-glass-bolt" class="size-11" />
<UPageFeature icon="i-glass-layers" title="…" :ui="{ leadingIcon: 'size-11' }" />

<!-- تزئینی و شناور -->
<UIcon name="i-glass-sparkle-violet" class="size-12 drop-shadow-lg motion-safe:animate-float" />