Components
Loading preview...
Here is Weather Card component
@user_xn1cklas
npx shadcn@latest add https://21st.dev/r/user_xn1cklas/weather-card"use client"
import * as React from "react"
import WeatherCard from "@/components/ui/weather-card"
import type { GetWeatherResult } from "@/components/ui/weather-card"
export default function Demo() {
const mock: GetWeatherResult = {
location: "Tbilisi, GE",
unit: "C",
temperature: 27,
condition: "Partly cloudy",
high: 29,
low: 20,
humidity: 0.58,
windKph: 14,
icon: "weather-partly",
}
return <WeatherCard data={mock} />
}