React Weather Card - Soft UI
PROThe WeatherCard
component helps you to simply create a beautiful card for display the weather situation.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
// Soft UI Dashboard PRO React examples
import WeatherCard from "examples/Cards/WeatherCard";
San Francisco - 29°C
cloudy
Props Information
Name | Type | Default | Description |
---|---|---|---|
color | 'primary''secondary''info''success''warning''error''dark' | info | Used to set the WeatherCard background color. |
title* | string | Used to set the WeatherCard title. Its a required prop. | |
weather* | { location: string, degree: ["number", "string"] } | Used to set the WeatherCard weather details. | |
icon* | { text: string, component: string, } | Used to set the WeatherCard icon or image with its label. Its a required prop. |