Skip to content

Forecast card

Weather: now, today’s range, the next hours and, if it knows them, the next days. More room adds more.

2 samples, each at every size that draws differently, then in chat, in the light theme, and as a ring where it has a headline.

forecast, small size
Small
forecast, wide size
Wide
forecast, medium size
Medium
forecast, tall size
Tall
forecast, large size
Large
forecast, in chat
In chat
forecast, light theme
Light theme
forecast, ring
Ring
forecast · days, small size
Small
forecast · days, wide size
Wide
forecast · days, medium size
Medium
forecast · days, tall size
Tall
forecast · days, large size
Large
forecast · days, in chat
In chat
forecast · days, light theme
Light theme
forecast · days, ring
Ring

Every card also takes the fields all cards share.

FieldTypeWhat it does
type'forecast'
now{ temp: number; feels: number; words: string; icon: string; hi: number; lo: number; precip?: number }
hours{ time: string; temp: number; icon: string; pop: number; mm?: number }[]pop: chance of precipitation, 0..100
days?{ name: string; icon: string; hi: number; lo: number; pop?: number }[]from tomorrow, name as “Tue”

Weather