/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/cards/charts/SalesOverview.astro
26 строк
785 B
Paweł Kuna
Add screenshots package and fix `card-gradient` minify bug (#2793)
07 авг 2026, 01:48
Не верифицирован
07 авг 2026, 01:48
b38cd32
Код
Авторство
О чём код?
--- 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>