mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
27 lines
785 B
Plaintext
27 lines
785 B
Plaintext
---
|
|
import Subheader from '@ui/Subheader.astro'
|
|
import Chart from '@ui/Chart.astro'
|
|
import Legend from '@ui/Legend.astro'
|
|
---
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-start justify-content-between gap-3 mb-2">
|
|
<div class="mb-3">
|
|
<Subheader>Sales overview</Subheader>
|
|
<div class="d-flex align-items-baseline gap-2 mt-1">
|
|
<div class="h1 mb-0">$284,300</div>
|
|
<div class="text-green fw-medium">+12.4%</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center gap-3">
|
|
<Legend color="primary">This year</Legend>
|
|
<Legend color="secondary">Last year</Legend>
|
|
</div>
|
|
</div>
|
|
|
|
<Chart chartId="sales-overview" height={15} label="Sales overview" />
|
|
</div>
|
|
</div>
|