/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/cards/CrmStats.astro
52 строки
1 KB
codecalm
Fix Prettier formatting regression and Astro type-check errors
03 авг 2026, 02:26
03 авг 2026, 02:26
f27c70a
Код
Авторство
О чём код?
--- import Subheader from '@ui/Subheader.astro' import Icon from '@ui/Icon.astro' import Trending from '@ui/Trending.astro' interface Props { color?: string icon?: string /** lt — light avatar background (bg-{color}-lt) instead of bg-{color} text-white */ lt?: boolean title?: string description?: string /** change-value — passed to Trending (keeps its +/- sign) */ changeValue?: string /** change-value-unit — trending unit; defaults to '%' in Trending when unset */ changeValueUnit?: string class?: string } const { color, icon, lt, title = '1700', description = 'Users', changeValue, changeValueUnit, class: className } = Astro.props const avatarClass = [color ? `bg-${color}${lt ? '-lt' : ' text-white'}` : '', 'avatar', 'avatar-square'] --- <div class:list={['card card-sm', className]}> <div class="card-body p-3"> <div class="row align-items-center"> { icon && ( <div class="col-auto"> <span class:list={avatarClass}> <Icon name={icon} /> </span> </div> ) } <div class="col"> <Subheader> {title} </Subheader> <div class="h3 m-0 p-0"> {description} </div> </div> <div class="col-auto"> <Trending value={changeValue as unknown as number} unit={changeValueUnit} /> </div> </div> </div> </div>