Componentes

    Biblioteca de componentes reutilizáveis do ClimaApp. Use-os nas páginas de cidades.

    1. TemperatureBadge

    Componente reutilizável

    18°C25°C32°C

    2. ConditionChip

    Componente reutilizável

    EnsolaradoNubladoChuvosoNeveTempestade

    3. MinMaxBar

    Componente reutilizável

    12°
    22°
    18°
    30°
    5°
    15°

    4. WindCompass

    Componente reutilizável

    18 km/h

    NE

    35 km/h

    S

    8 km/h

    W

    5. UvIndexGauge

    Componente reutilizável

    Índice UV

    2Baixo

    Índice UV

    5Moderado

    Índice UV

    8Muito Alto

    Índice UV

    11Extremo

    6. HumidityRing

    Componente reutilizável

    35%

    Umidade

    72%

    Umidade

    95%

    Umidade

    7. SunTimesCard

    Componente reutilizável

    Sol

    06:12

    Nascer

    18:45

    Pôr

    8. RainChanceBar

    Componente reutilizável

    Chuva10%
    Chuva forte60%
    Tempestade90%

    9. PressureCard

    Componente reutilizável

    1013

    hPa

    Pressão atmosférica

    998

    mbar

    Pressão atmosférica

    10. VisibilityCard

    Componente reutilizável

    10 km

    Visibilidade

    3 km

    Visibilidade

    11. AirQualityCard

    Componente reutilizável

    Qualidade do Ar

    28Boa

    Qualidade do Ar

    65Moderada

    Qualidade do Ar

    120Ruim

    12. CityMiniCard

    Componente reutilizável

    13. WeatherAlert

    Componente reutilizável

    Previsão de chuva

    Chuva prevista para as próximas 2 horas.

    Ventos fortes

    Rajadas de vento de até 60 km/h esperadas.

    Tempestade severa

    Alerta de tempestade com granizo para a região.

    14. HourlyPill

    Componente reutilizável

    Agora25°
    15h26°
    16h26°
    17h24°
    18h23°
    19h22°
    20h21°

    15. DailyRow

    Componente reutilizável

    Seg💧 10%
    19°
    27°
    Ter💧 0%
    18°
    26°
    Qua💧 60%
    20°
    28°

    16. StatCard

    Componente reutilizável

    Umidade

    72%

    Vento

    18 km/h

    Nordeste

    Sensação

    27°

    Visibilidade

    10 km

    17. BigTemperatureDisplay

    Componente reutilizável

    25°

    Parcialmente nublado

    Sensação de 27°

    18. WeatherMapPlaceholder

    Componente reutilizável

    🗺️ Mapa de Florianópolis (placeholder)

    19. PollenCard

    Componente reutilizável

    Pólen

    Árvores
    baixo
    Gramíneas
    moderado
    Ervas
    alto

    20. MoonPhaseCard

    Componente reutilizável

    🌙

    Lua Crescente

    45% iluminação

    🌙

    Lua Cheia

    100% iluminação

    21. DewPointCard

    Componente reutilizável

    Ponto de Orvalho

    8°

    Ar seco

    Ponto de Orvalho

    14°

    Confortável

    Ponto de Orvalho

    20°

    Úmido

    22. CloudCoverCard

    Componente reutilizável

    Cobertura de Nuvens

    20%

    Nuvens

    Cobertura de Nuvens

    65%

    Nuvens

    Cobertura de Nuvens

    90%

    Nuvens

    23. FeelsLikeCard

    Componente reutilizável

    Sensação Térmica

    27°

    2° mais quente

    Sensação Térmica

    25°

    5° mais frio

    Sensação Térmica

    20°

    Igual à temperatura real

    24. PrecipitationCard

    Componente reutilizável

    Precipitação

    0.5mm

    últimas 24h

    Precipitação

    12mm

    última hora

    25. WeatherSummaryBanner

    Componente reutilizável

    Florianópolis, SC

    Dia parcialmente nublado com temperaturas agradáveis. Sem previsão de chuva significativa.

    26. WeatherTab

    Componente reutilizável

    Aba ativa: Hoje

    Componentes | PrevisãoAgora | PrevisãoAgora