/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/cards/ProjectKanban.astro
45 строк
1 KB
Paweł Kuna
Narrow component prop types, remove unused props and dead code (#2838)
10 авг 2026, 00:14
Не верифицирован
10 авг 2026, 00:14
4f7beec
Код
Авторство
О чём код?
--- import Progress from '@ui/Progress.astro' import AvatarList from '@ui/AvatarList.astro' import Icon from '@ui/Icon.astro' import CardTitle from '@ui/CardTitle.astro' interface Props { title?: string badge?: string offset?: number limit?: number percentageColor?: string due?: string value?: number | string } const { title = 'Task Title', badge, offset = 40, limit = 7, percentageColor = 'green', due = '2 days', value = 20 } = Astro.props --- <div class="card"> <Progress value={value} class="card-progress" color={percentageColor} /> <div class="card-body"> <CardTitle> <a href="#">{title}</a> { badge && ( <Fragment> {' '} <span class="badge ms-2">{badge}</span> </Fragment> ) } </CardTitle> <AvatarList offset={offset} limit={limit} stacked class="mb-3" /> <div class="card-meta d-flex justify-content-between"> <div class="d-flex align-items-center"> <Icon name="check" class="me-2" /> <span>5/10</span> </div> <span>Due {due}</span> </div> </div> </div>