/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/cards/Subscribe.astro
47 строк
1 KB
Paweł Kuna
Enable `astro/tsconfigs/strictest` in the shared package (#2836)
08 авг 2026, 02:27
Не верифицирован
08 авг 2026, 02:27
e520b32
Код
Авторство
О чём код?
--- import Avatar from '@ui/Avatar.astro' import CardDropdown from '@ui/CardDropdown.astro' import people from '@data/people.json' import { requireIndex } from '@shared/lib/array' interface Person { full_name?: string company?: string photo?: string [key: string]: unknown } interface Props { personId?: number } const { personId = 0 } = Astro.props const person = requireIndex(people as Person[], personId) --- <div class="card"> <div class="card-body"> <div class="row g-2 align-items-center"> <div class="col-auto"> <Avatar person={person} size="lg" /> </div> <div class="col"> <h4 class="card-title m-0"> <a href="#">{person.full_name}</a> </h4> <div class="text-secondary"> Working in {person.company} </div> <div class="small mt-1"> <span class="badge bg-green"></span> Online </div> </div> <div class="col-auto"> <a href="#" class="btn"> Subscribe </a> </div> <div class="col-auto"> <CardDropdown /> </div> </div> </div> </div>