/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/components/cards/Weather.astro
36 строк
895 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 Icon from '@ui/Icon.astro' interface Props { city?: string temperature?: string | number color?: string icon?: string description?: string } const { city = 'Warsaw', temperature = 20, color = 'blue', icon = 'cloud-rain', description = 'Cloudy morning' } = Astro.props --- <div class={`card card-gradient card-gradient-${color} card-gradient-end`}> <div class="card-body"> <div class="row"> <div class="col"> <div class="row"> <div class="col-auto"> <h3 class="card-title mb-2">{city}</h3> </div> <div class="col"> <Icon name={icon} /> </div> </div> <div class="text-secondary"> {description} </div> </div> <div class="col-auto"> <div class="display-5 lh-1 fw-lighter">{temperature}°</div> </div> </div> </div> </div>