/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/cards/StatGradient.astro
32 строки
835 B
Paweł Kuna
Add quality gates: Prettier for Astro, astro check for shared, unused SCSS variable lint (#2749)
03 авг 2026, 01:47
Не верифицирован
03 авг 2026, 01:47
8962710
Код
Авторство
О чём код?
--- import Subheader from '@ui/Subheader.astro' import Avatar from '@ui/Avatar.astro' import Progress from '@ui/Progress.astro' interface Props { color?: string icon?: string title?: string value?: string progress?: number } const { color = 'primary', icon = 'trending-up', title = 'Total', value = '0', progress = 0 } = Astro.props --- <div class={`card card-gradient card-gradient-${color} card-gradient-start`}> <div class="card-body"> <div class="row g-3"> <div class="col"> <Subheader as="h4" class="mb-1">{title}</Subheader> <div class="h3 m-0">{value}</div> </div> <div class="col-auto"> <Avatar icon={icon} color={color} /> </div> <div class="col-12"> <Progress value={progress} color={color} size="sm" /> </div> </div> </div> </div>