BzCard
10 طرح کارت با اندازه و محتوای داینامیک، بهعلاوهی StatCardهای داشبوردی.
کارتهای آماری (داشبورد)
@using BzCore.Components.Card
@using BzCore.Enums
<BzStatCard Icon="fa-solid fa-users" Value="12٬480" Label="کاربران فعال"
Trend="12٪" TrendUp="true" Color="BzColor.Primary" />
<BzStatCard Icon="fa-solid fa-cart-shopping" Value="3٬210" Label="سفارشها"
Trend="8٪" TrendUp="true" Color="BzColor.Success" Filled />10 واریانت کارت
@using BzCore.Components.Card
@using BzCore.Enums
@foreach (var v in Enum.GetValues<BzCardVariant>())
{
<BzCard Variant="v" Color="BzColor.Primary" Title="@v.ToString()"
Subtitle="نمونه کارت" Icon="fa-solid fa-cube" Hoverable>
<p>محتوای کارت...</p>
<Footer>
<BzButton Size="BzSize.Small" Text="جزئیات" Variant="BzButtonVariant.Soft" />
</Footer>
</BzCard>
}این یک کارت از نوع Elevated است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع Outlined است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع Filled است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع Soft است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع Gradient است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع Glass است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع AccentTop است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع AccentStart است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع Media است با محتوای داینامیک و اندازهی منعطف.
این یک کارت از نوع Horizontal است با محتوای داینامیک و اندازهی منعطف.
اندازه و رنگ داینامیک
دسترسی کامل به همهی امکانات.
کارت با تینت رنگ موفقیت.
کارت با نوار تاکید کناری.